vendor: 4,322 bytes, lines 1-114
1(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ 2// Copyright Joyent, Inc. and other Node contributors. 3// 4// Permission is hereby granted, free of charge, to any person obtaining a 5// copy of this software and associated documentation files (the 6// "Software"), to deal in the Software without restriction, including 7// without limitation the rights to use, copy, modify, merge, publish, 8// distribute, sublicense, and/or sell copies of the Software, and to permit 9// persons to whom the Software is furnished to do so, subject to the 10// following conditions: 11// 12// The above copyright notice and this permission notice shall be included 13// in all copies or substantial portions of the Software. 14// 15// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS 16// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 17// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN 18// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, 19// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR 20// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE 21// USE OR OTHER DEALINGS IN THE SOFTWARE. 22 23function EventEmitter() { 24 this._events = this._events || {}; 25 this._maxListeners = this._maxListeners || undefined; 26} 27module.exports = EventEmitter; 28 29// Backwards-compat with node 0.10.x 30EventEmitter.EventEmitter = EventEmitter; 31 32EventEmitter.prototype._events = undefined; 33EventEmitter.prototype._maxListeners = undefined; 34 35// By default EventEmitters will print a warning if more than 10 listeners are 36// added to it. This is a useful default which helps finding memory leaks. 37EventEmitter.defaultMaxListeners = 10; 38 39// Obviously not all Emitters should be limited to 10. This function allows 40// that to be increased. Set to zero for unlimited. 41EventEmitter.prototype.setMaxListeners = function(n) { 42 if (!isNumber(n) || n < 0 || isNaN(n)) 43 throw TypeError('n must be a positive number'); 44 this._maxListeners = n; 45 return this; 46}; 47 48EventEmitter.prototype.emit = function(type) { 49 var er, handler, len, args, i, listeners; 50 51 if (!this._events) 52 this._events = {}; 53 54 // If there is no 'error' event listener then throw. 55 if (type === 'error') { 56 if (!this._events.error || 57 (isObject(this._events.error) && !this._events.error.length)) { 58 er = arguments[1]; 59 if (er instanceof Error) { 60 throw er; // Unhandled 'error' event 61 } else { 62 // At least give some kind of context to the user 63 var err = new Error('Uncaught, unspecified "error" event. (' + er + ')'); 64 err.context = er; 65 throw err; 66 } 67 } 68 } 69 70 handler = this._events[type]; 71 72 if (isUndefined(handler)) 73 return false; 74 75 if (isFunction(handler)) { 76 switch (arguments.length) { 77 // fast cases 78 case 1: 79 handler.call(this); 80 break; 81 case 2: 82 handler.call(this, arguments[1]); 83 break; 84 case 3: 85 handler.call(this, arguments[1], arguments[2]); 86 break; 87 // slower 88 default: 89 args = Array.prototype.slice.call(arguments, 1); 90 handler.apply(this, args); 91 } 92 } else if (isObject(handler)) { 93 args = Array.prototype.slice.call(arguments, 1); 94 listeners = handler.slice(); 95 len = listeners.length; 96 for (i = 0; i < len; i++) 97 listeners[i].apply(this, args); 98 } 99 100 return true; 101}; 102 103EventEmitter.prototype.addListener = function(type, listener) { 104 var m; 105 106 if (!isFunction(listener)) 107 throw TypeError('listener must be a function'); 108 109 if (!this._events) 110 this._events = {}; 111 112 // To avoid recursion in the case that type === "newListener"! Before 113 // adding it to the listeners, first emit "newListener". 114 if (this._events.newListener)
vendor: 4,512 bytes, lines 115-287
115 this.emit('newListener', type, 116 isFunction(listener.listener) ? 117 listener.listener : listener); 118 119 if (!this._events[type]) 120 // Optimize the case of one listener. Don't need the extra array object. 121 this._events[type] = listener; 122 else if (isObject(this._events[type])) 123 // If we've already got an array, just append. 124 this._events[type].push(listener); 125 else 126 // Adding the second element, need to change to array. 127 this._events[type] = [this._events[type], listener]; 128 129 // Check for listener leak 130 if (isObject(this._events[type]) && !this._events[type].warned) { 131 if (!isUndefined(this._maxListeners)) { 132 m = this._maxListeners; 133 } else { 134 m = EventEmitter.defaultMaxListeners; 135 } 136 137 if (m && m > 0 && this._events[type].length > m) { 138 this._events[type].warned = true; 139 console.error('(node) warning: possible EventEmitter memory ' + 140 'leak detected. %d listeners added. ' + 141 'Use emitter.setMaxListeners() to increase limit.', 142 this._events[type].length); 143 if (typeof console.trace === 'function') { 144 // not supported in IE 10 145 console.trace(); 146 } 147 } 148 } 149 150 return this; 151}; 152 153EventEmitter.prototype.on = EventEmitter.prototype.addListener; 154 155EventEmitter.prototype.once = function(type, listener) { 156 if (!isFunction(listener)) 157 throw TypeError('listener must be a function'); 158 159 var fired = false; 160 161 function g() { 162 this.removeListener(type, g); 163 164 if (!fired) { 165 fired = true; 166 listener.apply(this, arguments); 167 } 168 } 169 170 g.listener = listener; 171 this.on(type, g); 172 173 return this; 174}; 175 176// emits a 'removeListener' event iff the listener was removed 177EventEmitter.prototype.removeListener = function(type, listener) { 178 var list, position, length, i; 179 180 if (!isFunction(listener)) 181 throw TypeError('listener must be a function'); 182 183 if (!this._events || !this._events[type]) 184 return this; 185 186 list = this._events[type]; 187 length = list.length; 188 position = -1; 189 190 if (list === listener || 191 (isFunction(list.listener) && list.listener === listener)) { 192 delete this._events[type]; 193 if (this._events.removeListener) 194 this.emit('removeListener', type, listener); 195 196 } else if (isObject(list)) { 197 for (i = length; i-- > 0;) { 198 if (list[i] === listener || 199 (list[i].listener && list[i].listener === listener)) { 200 position = i; 201 break; 202 } 203 } 204 205 if (position < 0) 206 return this; 207 208 if (list.length === 1) { 209 list.length = 0; 210 delete this._events[type]; 211 } else { 212 list.splice(position, 1); 213 } 214 215 if (this._events.removeListener) 216 this.emit('removeListener', type, listener); 217 } 218 219 return this; 220}; 221 222EventEmitter.prototype.removeAllListeners = function(type) { 223 var key, listeners; 224 225 if (!this._events) 226 return this; 227 228 // not listening for removeListener, no need to emit 229 if (!this._events.removeListener) { 230 if (arguments.length === 0) 231 this._events = {}; 232 else if (this._events[type]) 233 delete this._events[type]; 234 return this; 235 } 236 237 // emit removeListener for all listeners on all events 238 if (arguments.length === 0) { 239 for (key in this._events) { 240 if (key === 'removeListener') continue; 241 this.removeAllListeners(key); 242 } 243 this.removeAllListeners('removeListener'); 244 this._events = {}; 245 return this; 246 } 247 248 listeners = this._events[type]; 249 250 if (isFunction(listeners)) { 251 this.removeListener(type, listeners); 252 } else if (listeners) { 253 // LIFO order 254 while (listeners.length) 255 this.removeListener(type, listeners[listeners.length - 1]); 256 } 257 delete this._events[type]; 258 259 return this; 260}; 261 262EventEmitter.prototype.listeners = function(type) { 263 var ret; 264 if (!this._events || !this._events[type]) 265 ret = []; 266 else if (isFunction(this._events[type])) 267 ret = [this._events[type]]; 268 else 269 ret = this._events[type].slice(); 270 return ret; 271}; 272 273EventEmitter.prototype.listenerCount = function(type) { 274 if (this._events) { 275 var evlistener = this._events[type]; 276 277 if (isFunction(evlistener)) 278 return 1; 279 else if (evlistener) 280 return evlistener.length; 281 } 282 return 0; 283}; 284 285EventEmitter.listenerCount = function(emitter, type) { 286 return emitter.listenerCount(type); 287};
288 289function isFunction(arg) { 290 return typeof arg === 'function'; 291} 292 293function isNumber(arg) { 294 return typeof arg === 'number'; 295} 296 297function isObject(arg) { 298 return typeof arg === 'object' && arg !== null; 299} 300 301function isUndefined(arg) { 302 return arg === void 0; 303} 304 305},{}],2:[function(require,module,exports){ 306"use strict"; 307 308exports.__esModule = true; 309var _var = exports._var = {}; 310 311_var.BP_TAB = 991; 312_var.BP_SPL = 767; 313_var.BP_SP = 553; 314 315_var.THUMB_W = 290; 316_var.THUMB_H = 179; 317 318},{}],3:[function(require,module,exports){ 319'use strict'; 320 321exports.__esModule = true; 322 323var _strheight = require('./global/strheight.js'); 324 325var _strheight2 = _interopRequireDefault(_strheight); 326 327function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 328 329function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 330 331function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 332 333function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 334 335var EventEmitter = require('events').EventEmitter; 336 337var Accordion = function (_EventEmitter) { 338 _inherits(Accordion, _EventEmitter); 339 340 function Accordion() { 341 _classCallCheck(this, Accordion); 342 343 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 344 345 _this.el = document.querySelectorAll('.js-Accordion'); 346 347 if (_this.el) { 348 _this.initialize(); 349 } 350 return _this; 351 } 352 353 Accordion.prototype.initialize = function initialize() { 354 var _this2 = this; 355 356 this.Accordions = []; 357 358 Array.prototype.forEach.call(this.el, function (el, i) { 359 var eachAccordion = new EachAccordion(el); 360 _this2.Accordions.push(eachAccordion); 361 }); 362 }; 363 364 return Accordion; 365}(EventEmitter); 366 367exports.default = Accordion; 368 369var EachAccordion = function (_EventEmitter2) { 370 _inherits(EachAccordion, _EventEmitter2); 371 372 function EachAccordion(el) { 373 _classCallCheck(this, EachAccordion); 374 375 var _this3 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 376 377 _this3.el = el; 378 _this3.tab = el.querySelector('.js-Accordion_Tab'); 379 _this3.panel = el.querySelector('.js-Accordion_TabPanel'); 380 381 _this3.isOpen = false; 382 _this3._DELATION = 0.4; 383 384 _this3.eventHandler(); 385 return _this3; 386 } 387 388 EachAccordion.prototype.eventHandler = function eventHandler() { 389 var _this4 = this; 390 391 this.tab.addEventListener('click', function (ev) { 392 _this4.togglePanel(); 393 ev.preventDefault(); 394 }, false); 395 }; 396 397 EachAccordion.prototype.togglePanel = function togglePanel() { 398 this.isOpen = !this.isOpen; 399 400 if (this.isOpen) { 401 var _height = this.panel.clientHeight; 402 this.el.classList.add('is-open'); 403 404 TweenMax.set(this.panel, { height: 'auto', display: 'block' }); 405 TweenMax.from(this.panel, this._DELATION, { height: _height }); 406 } else { 407 this.el.classList.remove('is-open'); 408 409 TweenMax.to(this.panel, this._DELATION, { height: 0, display: 'none' }); 410 } 411 412 this.tab.setAttribute('aria-selected', this.isOpen); 413 this.panel.setAttribute('aria-expanded', this.isOpen); 414 this.panel.setAttribute('aria-hidden', !this.isOpen); 415 }; 416 417 return EachAccordion; 418}(EventEmitter); 419 420},{"./global/strheight.js":12,"events":1}],4:[function(require,module,exports){ 421'use strict'; 422 423exports.__esModule = true; 424 425var _strheight = require('./global/strheight.js'); 426 427var _strheight2 = _interopRequireDefault(_strheight); 428 429var _decorationSelect = require('./global/decorationSelect.js'); 430 431var _decorationSelect2 = _interopRequireDefault(_decorationSelect); 432 433function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 434 435function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 436 437function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 438 439function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { c
439onstructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 440 441var EventEmitter = require('events').EventEmitter; 442 443var Case = function (_EventEmitter) { 444 _inherits(Case, _EventEmitter); 445 446 function Case() { 447 _classCallCheck(this, Case); 448 449 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 450 451 _this.wrapper = document.querySelector('.js-ProductsCase'); 452 453 if (_this.wrapper) { 454 _this.initialize(); 455 } 456 return _this; 457 } 458 459 Case.prototype.initialize = function initialize() { 460 461 this.jsonp = 'https://topics.cybozu.co.jp/assets/jsonp/productsCase.jsonp'; 462 463 this.widget = document.querySelector('.js-CaseWidget'); 464 this.btn = document.querySelector('.js-ProductsCaseMore'); 465 466 this.form = this.widget.querySelector('.js-CaseWidget_Form'); 467 this.text = this.widget.querySelector('.js-CaseWidget_Text'); 468 this.submit = this.widget.querySelector('.js-CaseWidget_Submit'); 469 470 this.filter = this.widget.querySelectorAll('.js-CaseWidget_Filter'); 471 472 this.selects = this.widget.querySelectorAll('js-DecorationSelect'); 473 this.productsSelect = this.widget.querySelector('.js-CaseWidget_Select-products'); 474 this.sizeSelect = this.widget.querySelector('.js-CaseWidget_Select-size'); 475 this.typeSelect = this.widget.querySelector('.js-CaseWidget_Select-type'); 476 477 this.inputAll = this.widget.querySelector('.js-CaseWidget_Checkbox'); 478 479 this.list = document.createElement('ul'); 480 this.list.setAttribute('class', 'lo-Grid pi-CaseList'); 481 482 this.wrapper.appendChild(this.list); 483 484 this.cnt = 12; 485 486 this._DELATION = 0.5; 487 488 this.strS = ['.pi-Case_Title', '.pi-Case_Body', '.pi-Case']; 489 this.strM = {}; 490 this.strO = { 491 checkInterval: 100, 492 liquid: true 493 }; 494 495 this.decorationSelect = new _decorationSelect2.default(this.filter, true, true); 496 497 this.fetchJson(); 498 }; 499 500 Case.prototype.eventHandler = function eventHandler() { 501 var _this2 = this; 502 503 this.btn.addEventListener('click', function () { 504 _this2.rendar(false); 505 }, false); 506 507 Array.prototype.forEach.call(this.selects, function (el, i) { 508 el.addEventListener('change', function () { 509 _this2.filtering(); 510 }, false); 511 }); 512 513 this.decorationSelect.on('changeValue', function () { 514 _this2.filtering(); 515 }); 516 517 this.form.addEventListener('submit', function (ev) { 518 _this2.filtering(true); 519 ev.preventDefault(); 520 }, false); 521 522 this.inputAll.addEventListener('change', function () { 523 if (_this2.inputAll.checked) _this2.removeFilter(); 524 }, false); 525 }; 526 527 Case.prototype.fetchJson = function fetchJson() { 528 var _this3 = this; 529 530 var xhr = $.ajax({ 531 type: 'GET', 532 url: this.jsonp, 533 dataType: 'jsonp', 534 jsonpCallback: 'productsCase', 535 scriptCharset: 'utf-8' 536 }).done(function (data) { 537 _this3.items = [].concat(data.item); 538 _this3.tempItems = [].concat(data.item); 539 540 _this3.allLength = _this3.items.length; 541 542 _this3.items.forEach(function (e, i) { 543 var flattenText = e.title + e.link + e.name + e.size + e.type + e.product.ja + e.product.en + e.keyword; 544 e.flattenText = flattenText.toLowerCase(); 545 }); 546 547 _this3.rendar(false); 548 _this3.eventHandler(); 549 }).fail(function () {}); 550 }; 551 552 Case.prototype.rendar = function rendar(filtering) { 553 var _this4 = this; 554 555 var hasMore = this.tempItems.length > this.cnt; 556 var length = hasMore ? this.cnt : this.tempItems.length; 557 var array = []; 558 var addNode = ''; 559 560 var _duration = filtering ? this._DELATION / 2 : 0; 561 562 var _height = this.wrapper.clientHeight; 563 564 if (!hasMore) { 565 TweenMax.to(this.btn, _duration, { autoAlpha: 0, 'display': 'none' }); 566 } 567 568 TweenMax.to(this.wrapper, _duration, { 569 css: { autoAlpha: 0 }, 570 onComplete: function onComplete() { 571 TweenMax.set(_this4.wrapper, { height: _height, overflow: 'hidden' }); 572 573 for (var i = 0; i < length; i++) { 574 var item = _this4.tempItems.shift(); 575 array.push(item); 576 } 577 578 if (filtering) { 579 _this4.list.textContent = null; 580 } 581 582 if (length > 0) { 583 array.forEach(function (e, i) { 584 var html = '<li class="lo-Grid_Item" data-pcGrid="33%" data-tabGrid="50%" data-splGrid="33%" data-spGrid="100%">\n <div class="pi-Case"><a href="' + e.link + '" target="_blank" class="pi-Case_LinkItem">
584\n <div class="pi-Case_Thumbnail"><img src="' + e.thumbnail + '"></div>\n <div class="pi-Case_Body">\n <div class="pi-Case_Title">' + e.title + '</div>\n <div class="pi-Case_Name">' + e.name + '</div>\n </div><!-- /.pi-Case_Body -->\n <div class="pi-Case_Label">\n <img src="/assets/img/label_' + e.product.en + '.svg" width="70" height="24" alt="' + e.product.ja + '">\n </div><!-- /.pi-Case_Label -->\n </a></div><!-- /.pi-Case -->\n </li>'; 585 586 addNode += html; 587 }); 588 } else { 589 var html = '<li class="lo-Grid_Item" data-pcGrid="100%">\n <div class="pi-NoCase">\n <p>該å½ããäºä¾ã¯è¦ã¤ããã¾ããã§ããã</p>\n </div><!-- /.pi-NoCase -->\n </li>'; 590 591 addNode += html; 592 } 593 594 _this4.list.insertAdjacentHTML('beforeend', addNode); 595 596 if (_this4.strheight) { 597 _this4.strheight.destroy(); 598 } 599 _this4.strheight = new _strheight2.default(_this4.strS, _this4.strM, _this4.strO); 600 601 if (hasMore) { 602 TweenMax.set(_this4.btn, { autoAlpha: 0, 'display': 'block' }); 603 TweenMax.to(_this4.btn, _duration, { autoAlpha: 1 }); 604 } 605 606 TweenMax.set(_this4.wrapper, { height: 'auto' }); 607 TweenMax.from(_this4.wrapper, _duration, { height: _height }); 608 TweenMax.to(_this4.wrapper, _duration, { autoAlpha: 1 }); 609 } 610 }); 611 }; 612 613 Case.prototype.filtering = function filtering(submit) { 614 if (submit) { 615 this.productsSelect.value = '-1'; 616 this.sizeSelect.value = '-1'; 617 this.typeSelect.value = '-1'; 618 619 this.tempItems = [].concat(this.items); 620 this.decorationSelect.rebuilding(); 621 this.rendar(false); 622 } 623 624 var keyword = this.text.value.toLowerCase(); 625 var product = this.productsSelect.value; 626 var size = this.sizeSelect.value; 627 var type = this.typeSelect.value; 628 629 if (keyword === '' && product === '-1' && size === '-1' && type === '-1') { 630 this.inputAll.checked = true; 631 this.inputAll.setAttribute('aria-checked', 'true'); 632 } else { 633 this.inputAll.checked = false; 634 this.inputAll.setAttribute('aria-checked', 'false'); 635 } 636 637 this.tempItems = this.items.filter(function (e, i, a) { 638 var matchKeyword = keyword === '' ? true : new RegExp(keyword).test(e.flattenText); 639 var matchProduct = product === '-1' ? true : product === e.product.en; 640 var matchSize = size === '-1' ? true : size === e.size; 641 var matchtype = type === '-1' ? true : type === e.type; 642 643 return matchKeyword && matchProduct && matchSize && matchtype; 644 }); 645 646 this.rendar(true); 647 }; 648 649 Case.prototype.removeFilter = function removeFilter() { 650 this.text.value = ''; 651 this.productsSelect.value = '-1'; 652 this.sizeSelect.value = '-1'; 653 this.typeSelect.value = '-1'; 654 655 this.tempItems = [].concat(this.items); 656 this.decorationSelect.rebuilding(); 657 this.rendar(true); 658 }; 659 660 return Case; 661}(EventEmitter); 662 663exports.default = Case; 664 665},{"./global/decorationSelect.js":9,"./global/strheight.js":12,"events":1}],5:[function(require,module,exports){ 666'use strict'; 667 668exports.__esModule = true; 669 670var _strheight = require('./global/strheight.js'); 671 672var _strheight2 = _interopRequireDefault(_strheight); 673 674var _decorationSelect = require('./global/decorationSelect.js'); 675 676var _decorationSelect2 = _interopRequireDefault(_decorationSelect); 677 678function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 679 680function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 681 682function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 683 684function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { c
684onstructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 685 686var EventEmitter = require('events').EventEmitter; 687 688var EventFilter = function (_EventEmitter) { 689 _inherits(EventFilter, _EventEmitter); 690 691 function EventFilter() { 692 _classCallCheck(this, EventFilter); 693 694 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 695 696 _this.tabs = document.querySelector('.js-EventTabs'); 697 698 if (_this.tabs) { 699 _this.initialize(); 700 } 701 return _this; 702 } 703 704 EventFilter.prototype.initialize = function initialize() { 705 var _this2 = this; 706 707 this.filter = document.querySelector('.js-EventFilter'); 708 this.filter_Kintone = document.querySelector('.js-EventFilter_Kintone'); 709 this.filter_Office = document.querySelector('.js-EventFilter_Office'); 710 711 this.wrapper = document.querySelector('.js-EventItemWrapper'); 712 this.list = document.querySelector('.js-EventItemWrapper_List'); 713 this.items = document.querySelectorAll('.js-EventItem'); 714 715 this.eachItems = []; 716 717 Array.prototype.forEach.call(this.items, function (el, i) { 718 var eachItem = new EachItem(el); 719 _this2.eachItems.push(eachItem); 720 }); 721 722 this.tab = this.tabs.querySelectorAll('.js-EventTab'); 723 this.product = null; 724 725 this.input = this.filter.querySelectorAll('input'); 726 this.label = this.filter.querySelectorAll('.se-Filter_Label'); 727 this.input_Kintone = this.filter_Kintone.querySelectorAll('.se-Filter_Checkbox-target'); 728 729 this.select = document.querySelector('.se-Filter_Select'); 730 this.notfound = document.querySelector('.se-NotFound'); 731 732 this.bar = document.createElement('div'); 733 734 this.recommend = true; 735 this.target = null; 736 this.theme = null; 737 this.area = null; 738 739 this._DELATION = 0.5; 740 741 this._showNum = 8; 742 743 this.THEME_KINTONE = { 744 'å°å ¥æ¤è¨ä¸': this.filter_Kintone.getAttribute('data-investigation').split(', '), 745 '製åå©ç¨ä¸': this.filter_Kintone.getAttribute('data-use').split(', ') 746 }; 747 748 this.strS = ['.se-Item_Body', '.se-Item_Title', '.se-Item_Body', '.se-Item_Footer', '.se-Item_Body']; 749 this.strM = {}; 750 this.strO = { 751 checkInterval: 100, 752 liquid: true 753 }; 754 755 this.decorationSelect = new _decorationSelect2.default(this.filter, false, true); 756 757 this.rendar(); 758 }; 759 760 EventFilter.prototype.rendar = function rendar() { 761 this.strheight = new _strheight2.default(this.strS, this.strM, this.strO); 762 763 this.changeItem(true); 764 765 this.bar.setAttribute('class', 'ja-EventTabBar'); 766 this.bar.setAttribute('role', 'presentation'); 767 768 this.tabs.appendChild(this.bar); 769 770 TweenMax.set(this.bar, { width: this.tab[0].clientWidth, left: this.tab[0].offsetLeft }); 771 772 this.eventHandler(); 773 }; 774 775 EventFilter.prototype.eventHandler = function eventHandler() { 776 var _this3 = this; 777 778 Array.prototype.forEach.call(this.tab, function (el, i) { 779 el.addEventListener('click', function () { 780 _this3.selectTab(el); 781 }, false); 782 }); 783 784 Array.prototype.forEach.call(this.input, function (el, i) { 785 el.addEventListener('change', function () { 786 _this3.selectFilter(el); 787 }, false); 788 }); 789 790 Array.prototype.forEach.call(this.label, function (el, i) { 791 el.addEventListener('click', function () { 792 _this3.changeSelect(el); 793 }, false); 794 }); 795 796 this.select.addEventListener('change', function () { 797 _this3.selectTheme(); 798 }, false); 799 800 this.decorationSelect.on('changeValue', function () { 801 _this3.selectTheme(); 802 }); 803 804 window.onresize = function () { 805 if (!window.matchMedia('(max-width: 553px)').matches) { 806 _this3.setBar(); 807 } 808 }; 809 }; 810 811 EventFilter.prototype.selectTab = function selectTab(el) { 812 var product = el.getAttribute('id').replace('tab-', ''); 813 814 if (product !== this.product) { 815 Array.prototype.forEach.call(this.tab, function (el, i) { 816 el.setAttribute('aria-selected', 'false'); 817 }); 818 819 el.setAttribute('aria-selected', 'true'); 820 821 this.product = el.getAttribute('id').replace('tab-', ''); 822 823 this.recommend = this.product === 'recommend' ? true : false; 824 825 this.toggleFilter(); 826 this.changeItem(false); 827 828 TweenMax.to(this.bar, this._DELATION, { width: el.clientWidth, left: el.offsetLeft }); 829 } 830 }; 831 832 EventFilter.prototype.setBar = function setBar() { 833 var currentTab = this.tabs.querySelectorAll('[aria-selected="true"]')[0]; 834 835 TweenMax.set(this.bar, { width: currentTab.clientWidth, left: currentTab.offsetLeft }); 836 }; 837 838 EventFilter.prototype.toggleFilter = function toggleFilter() { 839 var _this4 = this; 840 841 var showFilter = this.product === 'kintone' ? this.filter_Kintone : this.filter_Office; 842 var hideFilter = this.product === 'kintone' ? this.filter_Office : this.filter_Kintone; 843 844 if (this.product === 'kintone' || this.product === 'office') { 845 var _height = this.filter.clientHeight; 846 847 if (_height === 0) { 848 TweenMax.set(hideFilter, { display: 'none' }); 849 } else { 850 TweenMax.set(hideFilter, { position: 'absolute' }); 851 TweenMax.to(hideFilter, this._DELATION, { autoAlpha: 0, display: 'none' }); 852 } 853 854 TweenMax.set(showFilter, { position: 'static', display: 'block', autoAlpha: 1 }); 855 856 if (this.filterAnimation) this.filterAnimation.pause(); 857 TweenMax.set(this.filter, { display: 'block', height: 'auto', overflow: 'hidden' }); 858 this.filterAnimation = TweenMax.from(this.filter, this._DELATION, { 859 css: { height: _height }, 860 onComplete: function onComplete() { 861 TweenMax.set(_this4.filter, { overflow: 'visible' }); 862 } 863 }); 864 865 var target = showFilter.querySelector('.se-Filter_Checkbox-target:checked'); 866 var theme = showFilter.querySelector('.se-Filter_Select'); 867 var area = showFilter.querySelector('.se-Filter_Checkbox-area:checked'); 868 869 this.target = target ? target.getAttribute('data-target') : null; 870 this.theme = theme ? this.select.value < 0 ? null : theme.value : null; 871 this.area = area ? area.getAttribute('data-area') : null; 872 873 showFilter.setAttribute('aria-hidden', 'false'); 874 hideFilter.setAttribute('aria-hidden', 'true'); 875 this.filter.setAttribute('aria-hidden', 'false'); 876 } else { 877 if (this.filterAnimation) this.filterAnimation.pause(); 878 TweenMax.set(this.filter, { overflow: 'hidden' }); 879 this.filterAnimation = TweenMax.to(this.filter, this._DELATION, { height: 0, display: 'none' }); 880 881 this.target = null; 882 this.area = null; 883 this.theme = null; 884 885 this.filter.setAttribute('aria-hidden', 'true'); 886 } 887 }; 888 889 EventFilter.prototype.selectFilter = function selectFilter(el) { 890 var filter = this.product === 'kintone' ? this.filter_Kintone : this.filter_Office; 891 892 Array.prototype.forEach.call(this.input, function (el, i) { 893 var checked = el.checked; 894 895 el.setAttribute('aria-checked', checked); 896 document.querySelector('[for="' + el.getAttribute('id') + '"]').setAttribute('aria-checked', checked); 897 });
898 899 var target = filter.querySelector('.se-Filter_Checkbox-target:checked'); 900 var area = filter.querySelector('.se-Filter_Checkbox-area:checked'); 901 902 this.target = target ? target.getAttribute('data-target') : null; 903 this.area = area ? area.getAttribute('data-area') : null; 904 905 if (el.getAttribute('name') === 'target-kintone' && !this.target) { 906 this.removeTarget(); 907 } else if (el.getAttribute('name') === 'target-kintone') { 908 this.changeTheme(); 909 } else { 910 this.theme = null; 911 this.changeItem(false); 912 } 913 }; 914 915 EventFilter.prototype.changeTheme = function changeTheme() { 916 var _this5 = this; 917 918 var target = this.target; 919 920 var option = document.createElement('option'); 921 option.setAttribute('value', '-1'); 922 option.insertAdjacentHTML('beforeend', 'ãã¼ããé¸æ'); 923 924 this.select.innerHTML = ''; 925 this.select.appendChild(option); 926 927 this.THEME_KINTONE[target].forEach(function (e, i, a) { 928 var option = document.createElement('option'); 929 option.setAttribute('value', e); 930 option.insertAdjacentHTML('beforeend', e); 931 _this5.select.appendChild(option); 932 }); 933 934 this.select.disabled = false; 935 this.select.setAttribute('aria-disabled', 'false'); 936 937 this.decorationSelect.rebuilding(); 938 this.selectTheme(); 939 }; 940 941 EventFilter.prototype.removeTarget = function removeTarget() { 942 this.select.disabled = true; 943 this.select.setAttribute('aria-disabled', 'true'); 944 this.theme = null; 945 946 this.changeItem(false); 947 }; 948 949 EventFilter.prototype.selectTheme = function selectTheme() { 950 this.theme = this.select.value < 0 ? null : this.select.value; 951 952 this.changeItem(false); 953 }; 954 955 EventFilter.prototype.changeSelect = function changeSelect(el) { 956 var _this6 = this; 957 958 var input = document.getElementById(el.getAttribute('for')); 959 960 if (input.checked) { 961 setTimeout(function () { 962 input.checked = false; 963 _this6.selectFilter(input); 964 _this6.decorationSelect.rebuilding(); 965 966 Array.prototype.forEach.call(_this6.input, function (el, i) { 967 el.addEventListener('change', function () { 968 _this6.selectFilter(el); 969 }, false); 970 }); 971 }, 4); 972 } 973 }; 974 975 EventFilter.prototype.changeItem = function changeItem(init) { 976 var _this7 = this; 977 978 var _height = this.wrapper.clientHeight; 979 var _showNum = 0; 980 981 var _duration = init ? 0 : this._DELATION / 2; 982 983 TweenMax.set(this.wrapper, { height: _height, overflow: 'hidden' }); 984 TweenMax.to(this.wrapper, _duration, { 985 css: { autoAlpha: 0 }, 986 onComplete: function onComplete() { 987 TweenMax.set(_this7.list, { display: 'block' }); 988 989 _this7.eachItems.forEach(function (e, i) { 990 991 e.once('showThis', addNum, false); 992 e.filtering(_this7.recommend, _this7.product, _this7.target, _this7.theme, _this7.area); 993 994 e.removeListener('showThis', addNum, false); 995 996 function addNum() { 997 _showNum = _showNum + 1; 998 } 999 }); 1000 1001 _this7._showNum = _showNum; 1002 1003 _this7.strheight.refresh(); 1004 1005 if (_this7._showNum === 0) { 1006 TweenMax.set(_this7.notfound, { display: 'block' }); 1007 TweenMax.set(_this7.list, { display: 'none' }); 1008 1009 _this7.list.setAttribute('aria-hidden', 'true'); 1010 _this7.notfound.setAttribute('aria-hidden', 'false'); 1011 } else { 1012 TweenMax.set(_this7.notfound, { display: 'none' }); 1013 1014 _this7.list.setAttribute('aria-hidden', 'false'); 1015 _this7.notfound.setAttribute('aria-hidden', 'true'); 1016 } 1017 TweenMax.set(_this7.wrapper, { height: 'auto' }); 1018 TweenMax.from(_this7.wrapper, _duration, { height: _height }); 1019 TweenMax.to(_this7.wrapper, _duration, { autoAlpha: 1 }); 1020 } 1021 }); 1022 }; 1023 1024 return EventFilter; 1025}(EventEmitter); 1026 1027exports.default = EventFilter; 1028 1029var EachItem = function (_EventEmitter2) { 1030 _inherits(EachItem, _EventEmitter2); 1031 1032 function EachItem(el) { 1033 _classCallCheck(this, EachItem); 1034 1035 var _this8 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 1036 1037 _this8.el = el; 1038 1039 _this8.recomend = _this8.el.getAttribute('data-recommend'); 1040 _this8.product = _this8.el.getAttribute('data-product').split(' '); 1041 _this8.target = _this8.el.getAttribute('data-target').split(', '); 1042 _this8.theme = _this8.el.getAttribute('data-theme').split(', '); 1043 _this8.area = _this8.el.getAttribute('data-area').split(', '); 1044 1045 _this8.target = _this8.target.length === 0 ? null : _this8.target; 1046 _this8.area = _this8.area.length === 0 ? null : _this8.area; 1047 1048 return _this8; 1049 } 1050 1051 EachItem.prototype.filtering = function filtering(recommend, product, target, theme, area) { 1052 1053 var matchRecommend = !recommend ? true : this.recomend === 'true'; 1054 1055 var matchProduct = recommend ? true : this.product.some(function (e, i, a) { 1056 return product === e; 1057 });
1058 1059 var matchTarget = !target ? true : this.target.some(function (e, i, a) { 1060 return target === e; 1061 }); 1062 1063 var matchTheme = !theme ? true : this.theme.some(function (e, i, a) { 1064 return theme === e; 1065 }); 1066 1067 var matchArea = !area ? true : this.area.some(function (e, i, a) { 1068 return area === e; 1069 }); 1070 1071 var bool = matchRecommend && matchProduct && matchTarget && matchTheme && matchArea; 1072 1073 var dispay = bool ? 'block' : 'none'; 1074 if (bool) { 1075 this.emit('showThis'); 1076 } 1077 1078 TweenMax.set(this.el, { display: dispay }); 1079 this.el.setAttribute('aria-hidden', !bool); 1080 }; 1081 1082 return EachItem; 1083}(EventEmitter); 1084 1085},{"./global/decorationSelect.js":9,"./global/strheight.js":12,"events":1}],6:[function(require,module,exports){ 1086'use strict'; 1087 1088exports.__esModule = true; 1089 1090function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 1091 1092function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 1093 1094function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 1095 1096var EventEmitter = require('events').EventEmitter; 1097 1098var Footer = function (_EventEmitter) { 1099 _inherits(Footer, _EventEmitter); 1100 1101 function Footer() { 1102 _classCallCheck(this, Footer); 1103 1104 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 1105 1106 _this.footer = document.querySelector('.st-Footer'); 1107 1108 if (_this.footer) { 1109 _this.initialize(); 1110 } 1111 return _this; 1112 } 1113 1114 Footer.prototype.initialize = function initialize() { 1115 this.snsBtn = this.footer.querySelectorAll('.st-Footer_Sns a'); 1116 this.topBtn = this.footer.querySelector('.st-Footer_Btn'); 1117 1118 this.eventHandler(); 1119 }; 1120 1121 Footer.prototype.eventHandler = function eventHandler() { 1122 var _this2 = this; 1123 1124 Array.prototype.forEach.call(this.snsBtn, function (el, i) { 1125 el.addEventListener('click', function (e) { 1126 _this2.shareSns(el); 1127 e.preventDefault(); 1128 }, false); 1129 }); 1130 1131 this.topBtn.addEventListener('click', function (e) { 1132 _this2.toTop(); 1133 e.preventDefault(); 1134 }, false); 1135 }; 1136 1137 Footer.prototype.shareSns = function shareSns(el) { 1138 var url = encodeURIComponent(location.href); 1139 var title = encodeURIComponent(document.getElementsByTagName('title')[0].innerHTML); 1140 var href = el.getAttribute('href').replace('http://www.facebook.com/sharer.php?u=https%3A%2F%2Fcybozu.co.jp%2F', 'http://www.facebook.com/sharer.php?u=' + url); 1141 href = href.replace('http://twitter.com/share?url=https%3A%2F%2Fcybozu.co.jp%2F&text=%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%82%A6%E3%82%A7%E3%82%A2%E5%9B%BD%E5%86%85%E3%82%B7%E3%82%A7%E3%82%A2No.1%20%E3%82%B5%E3%82%A4%E3%83%9C%E3%82%A6%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE', 'http://twitter.com/share?url=' + url + '&text=' + title); 1142 window.open(href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); 1143 }; 1144 1145 Footer.prototype.toTop = function toTop() { 1146 //TweenMax.to(window, 0.6, {scrollTo:0}); 1147 $('body,html').animate({ scrollTop: 0 }, 600, 'swing'); 1148 }; 1149 1150 return Footer; 1151}(EventEmitter); 1152 1153exports.default = Footer; 1154 1155},{"events":1}],7:[function(require,module,exports){ 1156'use strict'; 1157 1158exports.__esModule = true; 1159var _browser = exports._browser = {}; 1160 1161_browser.ua = navigator.userAgent.toLowerCase(); 1162_browser.ie = /msie|trident/.test(_browser.ua); 1163_browser.ie6 = /msie\s6\./.test(_browser.ua); 1164_browser.ie7 = /msie\s7\./.test(_browser.ua); 1165_browser.ie8 = /msie\s8\./.test(_browser.ua); 1166_browser.ie9 = /msie\s9\./.test(_browser.ua); 1167_browser.ie10 = /msie\s10\./.test(_browser.ua); 1168_browser.opera = /opr/.test(_browser.ua); 1169_browser.firefox = /firefox/.test(_browser.ua); 1170if (_browser.opera) { 1171 _browser.chrome = false; 1172 _browser.safari = false; 1173} else { 1174 _browser.chrome = /chrome/.test(_browser.ua); 1175 1176 if (_browser.chrome) { 1177 _browser.safari = false; 1178 } else { 1179 _browser.chrome = false; 1180 _browser.safari = /safari/.test(_browser.ua); 1181 _browser.version = parseFloat(_browser.ua.slice(_browser.ua.indexOf('version') + 8)); 1182 } 1183} 1184_browser.prest = /opera/.test(_browser.ua); 1185if (_browser.ie) { 1186 _browser.legacy = /msie\s6\.|msie\s7\.|msie\s8\./.test(_browser.ua); 1187} else { 1188 _browser.legacy = false; 1189} 1190_browser.anim = !/msie\s6\.|msie\s7\.|msie\s8\.|msie\s9\./.test(_browser.ua); 1191 1192_browser.android = /android/.test(_browser.ua); 1193_browser.iphone = /iphone/.test(_browser.ua); 1194_browser.ipod = /ipod/.test(_browser.ua);
1195_browser.ipad = /ipad/.test(_browser.ua); 1196_browser.ios = /iphone|ipod|ipad/.test(_browser.ua); 1197if (_browser.android) { 1198 _browser.sp = /mobile/.test(_browser.ua); 1199} else { 1200 _browser.sp = /iphone|ipod|blackberry/.test(_browser.ua); 1201} 1202if (_browser.android) { 1203 _browser.tablet = !/mobile/.test(_browser.ua); 1204} else { 1205 _browser.tablet = /ipad/.test(_browser.ua); 1206} 1207if (_browser.android) { 1208 _browser.version = parseFloat(_browser.ua.slice(_browser.ua.indexOf('android') + 8)); 1209} else if (_browser.ios) { 1210 _browser.version = parseFloat(_browser.ua.slice(_browser.ua.indexOf('os ') + 3, _browser.ua.indexOf('os ') + 6).replace('_', '.')); 1211} 1212if (_browser.sp || _browser.tablet) { 1213 _browser.pc = false; 1214} else { 1215 _browser.pc = true; 1216} 1217 1218if (_browser.android && !/Chrome/.test(_browser.ua)) { 1219 _browser.androidBrowser = true; 1220} else { 1221 _browser.androidBrowser = false; 1222} 1223 1224_browser.push = window.history && window.history.pushState ? true : false; 1225 1226},{}],8:[function(require,module,exports){ 1227'use strict'; 1228 1229exports.__esModule = true; 1230 1231var _var2 = require('../_var.js'); 1232 1233function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 1234 1235/* ============================================================================ 1236 åèï¼ 1237 * flipsnap.js 1238 * 1239 * @version 0.6.2 1240 * @url http://hokaccha.github.com/js-flipsnap/ 1241 * 1242 * Copyright 2011 PixelGrid, Inc. 1243 * Licensed under the MIT License: 1244 * http://www.opensource.org/licenses/mit-license.php 1245 1246============================================================================ */ 1247 1248var Carousel = function () { 1249 function Carousel(el) { 1250 var _this = this; 1251 1252 _classCallCheck(this, Carousel); 1253 1254 this.el = document.querySelectorAll(el); 1255 1256 this.carousels = []; 1257 Array.prototype.forEach.call(this.el, function (el, i) { 1258 var eachCarousel = new EachCarousel(_this.el[i]);
1259 _this.carousels.push(eachCarousel); 1260 }); 1261 } 1262 1263 Carousel.prototype.refresh = function refresh(num) { 1264 this.carousels.forEach(function (e, i) { 1265 e.refresh(num); 1266 }); 1267 }; 1268 1269 return Carousel; 1270}(); 1271 1272exports.default = Carousel; 1273 1274 1275var support = Carousel.support = {}; 1276var gestureStart = false; 1277 1278var DISTANCE_THRESHOLD = 5; 1279var ANGLE_THREHOLD = 45; 1280 1281support.addEventListener = 'addEventListener' in window; 1282 1283var eventTypes = ['touch', 'mouse']; 1284var events = { 1285 start: { 1286 touch: 'touchstart', 1287 mouse: 'mousedown' 1288 }, 1289 move: { 1290 touch: 'touchmove', 1291 mouse: 'mousemove' 1292 }, 1293 end: { 1294 touch: 'touchend', 1295 mouse: 'mouseup' 1296 } 1297}; 1298 1299if (support.addEventListener) { 1300 document.addEventListener('gesturestart', function () { 1301 gestureStart = true; 1302 }); 1303 1304 document.addEventListener('gestureend', function () { 1305 gestureStart = false; 1306 }); 1307} 1308 1309var EachCarousel = function EachCarousel(el) { 1310 this.$el = $(el); 1311 this.init(el); 1312}; 1313 1314EachCarousel.prototype = { 1315 init: function init(el) { 1316 var self = this; 1317 1318 self.$inner = self.$el.find('.js-Carousel_Inner'); 1319 self.$content = self.$el.find('.js-Carousel_Content'); 1320 self.$item = self.$content.find('.js-Carousel_Item'); 1321 self._itemLength = self.$item.length; 1322 1323 var opts = self.$el.data('carousel') || {}; 1324 1325 self.loop = opts.loop; 1326 self._pcShow = opts.pcShow; 1327 self._tabShow = opts.tabShow; 1328 self._spShow = opts.spShow; 1329 self.showDot = opts.showDot; 1330 self.showArrow = opts.showArrow; 1331 self._duration = opts.duration / 1000 || 0.4; 1332 self.auto = opts.autoPlay || false; 1333 self._interval = opts.interval || 5000; 1334 self._onebyone = opts.oneByOne || false; 1335 self._resizePoint = opts.resizePoint || null; 1336 1337 self.timer = false; 1338 self.breakFlag = false; 1339 1340 self.currentPoint = 0; 1341 self.viewLength = window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches ? window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? self._spShow : self._tabShow : self._pcShow; 1342 1343 self.setting(); 1344 if (self.showDot) self.setDot(); 1345 if (self.showArrow) self.setArrow(); 1346 self.setStyle(); 1347 self.eventHandler(); 1348 //if(self.auto) self.autoPlay(); 1349 }, 1350 1351 setting: function setting() { 1352 var self = this; 1353 1354 self.currentY = 0; 1355 self.currentX = 0; 1356 self._newT = 0; 1357 self._newL = 0; 1358 1359 self.flag = true; 1360 1361 self.$wrap = $('<div>').addClass('ja-Carousel_Wrap'); 1362 1363 self.$inner.wrap(self.$wrap); 1364 1365 if (self.loop) { 1366 self.$inner.append(self.$content.clone()); 1367 self.$inner.prepend(self.$content.clone()); 1368 self.$inner.find('ul').eq(0).find('a').attr('tabindex', '-1'); 1369 self.$inner.find('ul').eq(-1).find('a').attr('tabindex', '-1'); 1370 } 1371 }, 1372 1373 refresh: function refresh(num) { 1374 var self = this; 1375 1376 self.currentPoint = num === 0 ? num : self.currentPoint; 1377 1378 var _staticItemLength = self.loop ? self.$el.find('.js-Carousel_Item').length / 3 : self.$el.find('.js-Carousel_Item').length; 1379 1380 self._itemLength = _staticItemLength > self.viewLength ? _staticItemLength : self.viewLength; 1381 1382 var _hideLength = 0; 1383 self.$content.find('.js-Carousel_Item').each(function () { 1384 if (!$(this).isVisible()) { 1385 self._itemLength--; 1386 } 1387 }); 1388 1389 self.setStyle(); 1390 1391 //$(window).triggerHandler('heightRefresh'); 1392 1393 var _elH = self.showDot ? self.$el.find('.js-Carousel_Item').height() + self.$dots.innerHeight() : self.$el.find('.js-Carousel_Item').height(); 1394 1395 if (self._itemLength > 0 && self.$el.height() != _elH + 2) { 1396 1397 TweenMax.to(self.$el, self._duration, { 1398 css: { height: _elH }, 1399 onComplete: function onComplete() { 1400 self.$el.css('height', 'auto'); 1401 } 1402 }); 1403 } else if (self._itemLength === 0) { 1404 TweenMax.to(self.$el, self._duration, { 1405 css: { height: 0 } 1406 }); 1407 } 1408 }, 1409 1410 setStyle: function setStyle() { 1411 var self = this; 1412 1413 self.$el.find('.js-Carousel_Item').css('width', ''); 1414 self.$el.find('.js-Carousel_Content').removeAttr('style').css('width', ''); 1415 self.$inner.css('width', ''); 1416 1417 self._itemPl = parseInt(self.$item.css('padding-left')) || 0; 1418 self._itemPr = parseInt(self.$item.css('padding-right')) || 0; 1419 1420 var _contentW = self.$el.find('.js-Carousel_Content').innerWidth(); 1421 var _ulLength = self.$el.find('.js-Carousel_Content').length; 1422 1423 var preViewLength = self.viewLength; 1424 1425 self.viewLength = window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches && !window.matchMedia('print').matches ? window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? self._spShow : self._tabShow : self._pcShow; 1426 var _staticItemLength = self.loop ? self.$el.find('.js-Carousel_Item').length / 3 : self.$el.find('.js-Carousel_Item').length; 1427 self._itemLength = _staticItemLength > self.viewLength ? _staticItemLength : self.viewLength; 1428 self._itemNum = self._itemLength % self.viewLength > 0 && !self._onebyone ? self._itemLength + (self.viewLength - self._itemLength % self.viewLength) : self._itemLength; 1429 1430 self._itemW = Math.floor(_contentW / self.viewLength); 1431 1432 self.initLeft = self.loop ? self._itemW * self._itemNum : 0; 1433 1434 self.$el.find('.js-Carousel_Item').width(self._itemW - self._itemPl - self._itemPr); 1435 self.$el.find('.js-Carousel_Content').width(self._itemW * self._itemNum); 1436 1437 self._distance = self._onebyone ? self._itemW : self._itemW * self.viewLength; 1438 1439 self._maxPoint = self._onebyone ? self._itemLength - self.viewLength : Math.floor((self._itemLength - 1) / self.viewLength); 1440 1441 self.currentPoint = self.currentPoint >
1441 self._maxPoint ? self._maxPoint : Math.ceil((self.currentPoint + 1) * preViewLength / self.viewLength - 1); 1442 1443 if (self.breakFlag) { 1444 self.currentPoint = 0; 1445 self.breakFlag = false; 1446 } 1447 1448 var _tmpMaxScrollX = self._distance * self._maxPoint; 1449 self._maxScrollX = _tmpMaxScrollX > 0 ? _tmpMaxScrollX : 0; 1450 1451 self.$inner.width(self._itemW * self._itemNum * _ulLength); 1452 1453 self.$el.find('.js-Carousel_Content').css('float', 'left'); 1454 self.$inner.css({ 1455 left: -self.currentPoint * self._distance - self.initLeft 1456 }); 1457 1458 if (self.loop && self._maxPoint === 0) { 1459 self.$inner.find('.js-Carousel_Content').eq(0).css('opacity', 0); 1460 self.$inner.find('.js-Carousel_Content').eq(-1).css('opacity', 0); 1461 } 1462 if (self.showDot) self.resizeDots(); 1463 if (self.showArrow) self.resizeArrow(); 1464 }, 1465 1466 setDot: function setDot() { 1467 var self = this; 1468 1469 self.$dots = $('<ul>').addClass('ja-Carousel_Dots'); 1470 1471 for (var i = 0, l = Math.floor(self._itemLength / self._spShow); i <= l; i++) { 1472 self.$dots.append($('<li>').append($('<a href="#">').addClass('nojax').attr('tabindex', '-1'))); 1473 } 1474 1475 self.$el.append(self.$dots); 1476 self.$dots.find('a').eq(0).addClass('is-current'); 1477 1478 self.$dots.find('li').hide(); 1479 self.$dots.find('li:lt(' + (self._maxPoint + 1) + ')').css('display', 'inline-block'); 1480 1481 self.$dots.find('a').on('click', function () { 1482 if (!$(this).is('.is-current') && self.flag) { 1483 var _index = self.$dots.find('a').index(this); 1484 self.moveToPoint(_index); 1485 } 1486 return false; 1487 }); 1488 }, 1489 1490 resizeDots: function resizeDots() { 1491 var self = this; 1492 1493 self.$dots.find('a').removeClass('is-current'); 1494 self.$dots.find('a').eq(self.currentPoint).addClass('is-current'); 1495 1496 self.$dots.find('li').hide(); 1497 1498 if (self._maxPoint > 0) { 1499 self.$dots.find('li:lt(' + (self._maxPoint + 1) + ')').css('display', 'inline-block'); 1500 } 1501 }, 1502 1503 setArrow: function setArrow() { 1504 var self = this; 1505 1506 self.$prev = $('<a href="#" class="ja-Carousel_Prev">').addClass('nojax'); 1507 self.$next = $('<a href="#" class="ja-Carousel_Next">').addClass('nojax'); 1508 1509 self.$el.append(self.$prev); 1510 self.$el.append(self.$next); 1511 1512 self.$prev.on('click', function () { 1513 if (self.flag) { 1514 var point = self.currentPoint - 1; 1515 self.moveToPoint(point); 1516 } 1517 return false; 1518 }); 1519 1520 self.$next.on('click', function () { 1521 if (self.flag) { 1522 var point = self.currentPoint + 1; 1523 self.moveToPoint(point); 1524 } 1525 return false; 1526 }); 1527 }, 1528 1529 resizeArrow: function resizeArrow() { 1530 var self = this; 1531 1532 if (self._maxPoint > 0) { 1533 TweenMax.set(self.$prev, { autoAlpha: 1, display: 'block' }); 1534 TweenMax.set(self.$next, { autoAlpha: 1, display: 'block' }); 1535 if (self._maxPoint == self.currentPoint && !self.loop) { 1536 TweenMax.set(self.$next, { autoAlpha: 0, display: 'none' }); 1537 } else if (self.currentPoint === 0 && !self.loop) { 1538 TweenMax.set(self.$prev, { autoAlpha: 0, display: 'none' }); 1539 } 1540 } else { 1541 TweenMax.to(self.$prev, self._duration, { 1542 css: { autoAlpha: 0, display: 'none' } 1543 }); 1544 TweenMax.to(self.$next, self._duration, { 1545 css: { autoAlpha: 0, display: 'none' } 1546 }); 1547 } 1548 }, 1549 1550 eventHandler: function eventHandler() { 1551 var self = this; 1552 1553 eventTypes.forEach(function (type) { 1554 self.$el[0].addEventListener(events.start[type], self, false); 1555 }); 1556 1557 if (self.auto && self._maxPoint > 0) self.autoPlay(); 1558 1559 window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').addListener(function () { 1560 self.breakFlag = true; 1561 }, false); 1562 1563 window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').addListener(function () { 1564 self.breakFlag = true; 1565 }, false); 1566 1567 $(window).on('load', function () { 1568 if (self.timer !== false) { 1569 clearTimeout(self.timer); 1570 self.timer = false; 1571 } 1572 1573 self.currentPoint = 0; 1574 self.setStyle(); 1575 1576 if (self.auto && self._maxPoint > 0) self.autoPlay(); 1577 });
1578 1579 $(window).on('resize', function () { 1580 if (self.timer !== false) { 1581 clearTimeout(self.timer); 1582 self.timer = false; 1583 } 1584 1585 self.setStyle(); 1586 1587 if (self.auto && self._maxPoint > 0) self.autoPlay(); 1588 }); 1589 }, 1590 1591 autoPlay: function autoPlay() { 1592 var self = this; 1593 1594 self.timer = setTimeout(function () { 1595 if (self.flag) { 1596 var point = self.currentPoint + 1; 1597 self.moveToPoint(point); 1598 } 1599 }, self._interval); 1600 }, 1601 1602 handleEvent: function handleEvent(event, type) { 1603 var self = this; 1604 1605 if (self._maxPoint > 0) { 1606 switch (event.type) { 1607 // start 1608 case events.start.touch: 1609 self.touchStartHandler(event, 'touch');break; 1610 case events.start.mouse: 1611 self.touchStartHandler(event, 'mouse');break; 1612 1613 // move 1614 case events.move.touch: 1615 self.touchMoveHandler(event, 'touch');break; 1616 case events.move.mouse: 1617 self.touchMoveHandler(event, 'mouse');break; 1618 1619 // end 1620 case events.end.touch: 1621 self.touchEndHandler(event, 'touch');break; 1622 case events.end.mouse: 1623 self.touchEndHandler(event, 'mouse');break; 1624 1625 // click 1626 case 'click': 1627 self.clickHandler(event);break; 1628 } 1629 } 1630 }, 1631 1632 clickHandler: function clickHandler(event) { 1633 var self = this; 1634 1635 event.stopPropagation(); 1636 event.preventDefault(); 1637 }, 1638 1639 touchStartHandler: function touchStartHandler(event, type) { 1640 var self = this; 1641 1642 if (self.scrolling || gestureStart) { 1643 return; 1644 } 1645 1646 if (self.timer !== false) { 1647 clearTimeout(self.timer); 1648 self.timer = false; 1649 } 1650 1651 self.$el[0].addEventListener(events.move[type], self, false); 1652 document.addEventListener(events.end[type], self, false); 1653 1654 var tagName = event.target.tagName; 1655 if (type === 'mouse' && tagName !== 'SELECT' && tagName !== 'INPUT' && tagName !== 'TEXTAREA' && tagName !== 'BUTTON') { 1656 event.preventDefault(); 1657 } 1658 1659 self.currentX = parseInt(self.$inner.css('left')); 1660 self.scrolling = true; 1661 self.moveReadyX = false; 1662 self.startPageX = getPage(event, 'pageX'); 1663 self.startPageY = getPage(event, 'pageY'); 1664 self.basePageX = self.startPageX; 1665 self.basePageY = self.startPageY; 1666 self.directionX = 0; 1667 self.startTime = event.timeStamp; 1668 1669 self.moveDisX = 0; 1670 }, 1671 1672 touchMoveHandler: function touchMoveHandler(event, type) { 1673 var self = this; 1674 1675 if (!self.scrolling || gestureStart) { 1676 return; 1677 } 1678 1679 var pageX = getPage(event, 'pageX'); 1680 var pageY = getPage(event, 'pageY'); 1681 var distX; 1682 var newX; 1683 1684 if (self.moveReadyX) { 1685 event.preventDefault(); 1686 1687 distX = pageX - self.basePageX; 1688 1689 if (!self.loop && self._newL >= 0 || !self._onebyone && !self.loop && self._newL < -self._itemW * (self._itemNum - 1) || self._onebyone && !self.loop && self._newL < -self._itemW * self._maxPoint) { 1690 self.moveDisX += distX / 3; 1691 self._newL = Math.round(self.currentX + self.moveDisX); 1692 } else { 1693 self.moveDisX += distX; 1694 self._newL = self.currentX + self.moveDisX; 1695 } 1696 1697 self.directionX = self.moveDisX === 0 ? self.directionX : self.moveDisX > 0 ? -1 : 1; 1698 1699 self.setPositionX(); 1700 1701 self.basePageX = pageX; 1702 } else { 1703 var triangle = getTriangleSide(self.startPageX, self.startPageY, pageX, pageY); 1704 if (triangle.z > DISTANCE_THRESHOLD) { 1705 if (getAngle(triangle) > ANGLE_THREHOLD) { 1706 event.preventDefault(); 1707 self.moveReadyX = true; 1708 self.$el[0].addEventListener('click', self, true); 1709 } else { 1710 self.scrolling = false; 1711 } 1712 } 1713 } 1714 }, 1715 1716 touchEndHandler: function touchEndHandler(event, type) { 1717 var self = this; 1718 1719 self.$el[0].removeEventListener(events.move[type], self, false); 1720 document.removeEventListener(events.end[type], self, false); 1721 1722 if (!self.scrolling) { 1723 return; 1724 } 1725 1726 self.currentX = parseInt(self.$inner.css('left')); 1727 1728 var newPoint = -(self.currentX + self.initLeft) / self._distance; 1729 1730 newPoint = self.directionX > 0 ? Math.ceil(newPoint) : self.directionX < 0 ? Math.floor(newPoint) : Math.round(newPoint); 1731 1732 self.touchAfter(); 1733 1734 if (self.moveReadyX) { 1735 self.moveToPoint(newPoint); 1736 } else { 1737 self.moveReadyX = false; 1738 self.scrolling = false; 1739 } 1740 }, 1741 1742 touchAfter: function touchAfter() { 1743 var self = this; 1744 1745 setTimeout(function () { 1746 self.$el[0].removeEventListener('click', self, true); 1747 }, 200); 1748 }, 1749 1750 setPositionX: function setPositionX() { 1751 var self = this; 1752 1753 self.$inner.stop().css({ 1754 left: self._newL 1755 });
1756 }, 1757 1758 moveToPoint: function moveToPoint(point, duration) { 1759 var self = this; 1760 1761 if (self.timer !== false) { 1762 clearTimeout(self.timer); 1763 self.timer = false; 1764 } 1765 1766 self.flag = false; 1767 1768 var _duration = duration === undefined ? self._duration : duration; 1769 var beforePoint = self.currentPoint; 1770 1771 if (point === undefined) { 1772 point = self.currentPoint; 1773 } 1774 1775 self.currentPoint = parseInt(point, 10); 1776 1777 if (!self.loop && self.currentPoint > self._maxPoint) { 1778 self.currentPoint = self._maxPoint; 1779 self.setNextPositionX(_duration / 3); 1780 } else if (!self.loop && self.currentPoint < 0) { 1781 self.currentPoint = 0; 1782 self.setNextPositionX(_duration / 3); 1783 } else { 1784 self.setNextPositionX(_duration); 1785 } 1786 }, 1787 1788 setNextPositionX: function setNextPositionX(duration) { 1789 var self = this; 1790 1791 var _duration = duration === undefined ? self._duration : duration; 1792 1793 self._newL = -self.currentPoint * self._distance - self.initLeft; 1794 1795 var point; 1796 1797 if (self.showDot) { 1798 if (self.currentPoint > self._maxPoint) { 1799 point = 0; 1800 } else if (self.currentPoint < 0) { 1801 point = self._maxPoint; 1802 } else { 1803 point = self.currentPoint; 1804 } 1805 1806 self.$dots.find('a').removeClass('is-current'); 1807 self.$dots.find('a').eq(point).addClass('is-current'); 1808 } 1809 1810 if (self.showArrow && self._maxPoint > 0) { 1811 if (self._maxPoint == self.currentPoint && !self.loop) { 1812 TweenMax.to(self.$next, this._duration, { autoAlpha: 0, display: 'none' }); 1813 if (self.$prev.css('display') == 'none') { 1814 TweenMax.to(self.$prev, this._duration, { autoAlpha: 1, display: 'block' }); 1815 } 1816 } else if (self.currentPoint === 0 && !self.loop) { 1817 TweenMax.to(self.$prev, this._duration, { autoAlpha: 0, display: 'none' }); 1818 if (self.$next.css('display') == 'none') { 1819 TweenMax.to(self.$next, this._duration, { autoAlpha: 1, display: 'block' }); 1820 } 1821 } else { 1822 if (self.$next.css('display') == 'none') { 1823 TweenMax.to(self.$next, this._duration, { autoAlpha: 1, display: 'block' }); 1824 } 1825 if (self.$prev.css('display') == 'none') { 1826 TweenMax.to(self.$prev, this._duration, { autoAlpha: 1, display: 'block' }); 1827 } 1828 } 1829 } 1830 1831 self.$inner.css('pointer-events', 'none'); 1832 TweenMax.to(self.$inner, _duration, { 1833 css: { left: self._newL }, 1834 onComplete: function onComplete() { 1835 self.moveReadyX = false; 1836 self.scrolling = false; 1837 self.flag = true; 1838 1839 self.$inner.css('pointer-events', 'auto'); 1840 1841 if (self.currentPoint > self._maxPoint) { 1842 self._newL = -self.initLeft; 1843 self.currentPoint = 0; 1844 self.$inner.css({ 1845 left: self._newL 1846 }); 1847 } else if (self.currentPoint < 0) { 1848 self._newL = -self._maxPoint * self._distance - self.initLeft; 1849 self.currentPoint = self._maxPoint; 1850 self.$inner.css({ 1851 left: self._newL 1852 }); 1853 } 1854 1855 if (self.auto && self._maxPoint > 0) self.autoPlay(); 1856 1857 if (!self.loop && self.currentPoint == self._maxPoint - 1 && self.directionX > 0) { 1858 $(window).triggerHandler('carouselEndpoint'); 1859 } 1860 } 1861 }); 1862 } 1863}; 1864 1865function getPage(event, page) { 1866 return event.changedTouches ? event.changedTouches[0][page] : event[page]; 1867} 1868 1869function getTriangleSide(x1, y1, x2, y2) { 1870 var x = x1 - x2; 1871 var y = y1 - y2; 1872 var z = Math.sqrt(Math.pow(Math.abs(x), 2) + Math.pow(Math.abs(y), 2)); 1873 1874 return { 1875 x: x, 1876 y: y, 1877 z: z 1878 }; 1879} 1880 1881function getAngle(triangle) { 1882 var cos = Math.abs(triangle.y) / triangle.z; 1883 var radina = Math.acos(cos); 1884 1885 return 180 / (Math.PI / radina); 1886} 1887 1888module.exports = Carousel; 1889 1890},{"../_var.js":2}],9:[function(require,module,exports){ 1891'use strict'; 1892 1893exports.__esModule = true; 1894 1895var _browser = require('./browser.js'); 1896 1897function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 1898 1899function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 1900 1901function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { c
1901onstructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 1902 1903var EventEmitter = require('events').EventEmitter; 1904 1905var DecorationSelect = function (_EventEmitter) { 1906 _inherits(DecorationSelect, _EventEmitter); 1907 1908 function DecorationSelect(el, firstItem, emit) { 1909 _classCallCheck(this, DecorationSelect); 1910 1911 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 1912 1913 var self = _this; 1914 1915 var $el = $(el) || $('body'); 1916 1917 self.$el = $el.find('.js-DecorationSelect'); 1918 1919 self.selects = []; 1920 self.firstItem = firstItem; 1921 self.emitFlag = emit; 1922 1923 for (var i = 0, l = self.$el.length; i < l; i++) { 1924 var eachSelect = new EachSelect(self.$el[i], self.firstItem, self.emit); 1925 self.selects.push(eachSelect); 1926 } 1927 1928 for (var i = 0, l = self.selects.length; i < l; i++) { 1929 self.selects[i].on('changeValue', function () { 1930 _this.emit('changeValue'); 1931 }); 1932 } 1933 return _this; 1934 } 1935 1936 DecorationSelect.prototype.rebuilding = function rebuilding() { 1937 var self = this; 1938 1939 for (var i = 0, l = self.selects.length; i < l; i++) { 1940 self.selects[i].building(true); 1941 } 1942 }; 1943 1944 return DecorationSelect; 1945}(EventEmitter); 1946 1947exports.default = DecorationSelect; 1948 1949var EachSelect = function (_EventEmitter2) { 1950 _inherits(EachSelect, _EventEmitter2); 1951 1952 function EachSelect(el, firstItem, emit) { 1953 _classCallCheck(this, EachSelect); 1954 1955 var _this2 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 1956 1957 _this2.$win = $(window); 1958 _this2.$el = $(el); 1959 _this2._num = firstItem ? -1 : 0; 1960 _this2.emitFlag = emit; 1961 1962 _this2.setting(); 1963 _this2.eventHandler(); 1964 return _this2; 1965 } 1966 1967 EachSelect.prototype.setting = function setting() { 1968 this.$el.wrap('<div class="ja-DecorationSelect"></div>'); 1969 this.$textSelect = $('<div class="ja-DecorationSelect_Text"></div>').text(this.$el.find('option').eq(0).text()); 1970 this.$dropDown = $('<div class="ja-DecorationSelect_Dropdown"></div>').attr('aria-expanded', 'false').attr('aria-hidden', 'true'); 1971 1972 this.$el.before(this.$textSelect); 1973 1974 this.focusFlag = false; 1975 this.blurFlug = true; 1976 this.ddFlag = false; 1977 this.disabled = false;; 1978 1979 this.building(false); 1980 }; 1981 1982 EachSelect.prototype.building = function building(rebuilding) { 1983 var self = this; 1984 1985 self.disabled = self.$el[0].disabled; 1986 1987 if (self.disabled) { 1988 self.$textSelect.attr('tabindex', -1); 1989 self.$textSelect.addClass('is-disabled'); 1990 } else { 1991 self.$textSelect.attr('tabindex', 0); 1992 self.$textSelect.removeClass('is-disabled'); 1993 } 1994 self.$textSelect.removeClass('is-selected'); 1995 1996 if (self.$el.find('option:selected').text() !== self.$el.find('option').eq(0).text() && !rebuilding) { 1997 self.$textSelect.text(self.$el.find('option:selected').text()); 1998 self.$textSelect.addClass('is-selected'); 1999 } else { 2000 self.$textSelect.text(self.$el.find('option').eq(0).text()); 2001 } 2002 2003 if (_browser._browser.pc) { 2004 self.$dropDown.empty(); 2005 self.$el.find('option').each(function (i, e) { 2006 var $this = $(this); 2007 var text = $this.text(); 2008 var val = $this.val(); 2009 var $dropDownItem = $('<button class="ja-DecorationSelect_Option"></button>').text(text).attr('data-value', val).attr('tabindex', 0); 2010 2011 if (i > self._num) self.$dropDown.append($dropDownItem); 2012 }); 2013 self.$el.before(self.$dropDown.hide()); 2014 2015 self.$el.hide(); 2016 self.eventHandlerEach(); 2017 } else { 2018 self.$el.css({ 2019 width: '100%', 2020 height: '100%', 2021 opacity: 0, 2022 position: 'absolute', 2023 top: 0, 2024 left: 0 2025 }); 2026 } 2027 }; 2028 2029 EachSelect.prototype.eventHandler = function eventHandler() { 2030 var self = this; 2031 2032 self.$textSelect.on('mousedown touchstart', function () { 2033 if (_browser._browser.pc && !self.disabled) self.showDropdown(); 2034 });
2035 2036 self.$textSelect.on('focus', function () { 2037 self.focusFlag = true; 2038 }); 2039 2040 self.$textSelect.on('blur', function () { 2041 if (self.$dropDown.find('.ja-DecorationSelect_Option:focus').length > 0) { 2042 self.focusFlag = false; 2043 } 2044 if (_browser._browser.pc && self.blurFlug) { 2045 self.hideDropdown(); 2046 } 2047 return false; 2048 }); 2049 2050 $(document).on('click', function (e) { 2051 var $target = $(e.target); 2052 2053 if (!$target.is('.ja-DecorationSelect') && $target.closest('.ja-DecorationSelect').length === 0) { 2054 self.hideDropdown(); 2055 } 2056 }); 2057 2058 $(document).on('keydown', function (e) { 2059 self.keybordAction(e); 2060 }); 2061 2062 self.$el.on('change', function () { 2063 var $this = $(this); 2064 var value = $this.find('option:selected').text(); 2065 var val = $this.find('option:selected').val(); 2066 2067 self.$textSelect.text(value); 2068 2069 var firstValue = self.$el.find('option').eq(0).val(); 2070 2071 if (val != firstValue) { 2072 self.$textSelect.addClass('is-selected'); 2073 } else { 2074 self.$textSelect.removeClass('is-selected'); 2075 } 2076 2077 if (self.emitFlag) { 2078 self.emit('changeValue'); 2079 } 2080 }); 2081 }; 2082 2083 EachSelect.prototype.eventHandlerEach = function eventHandlerEach() { 2084 var self = this; 2085 2086 self.$dropDown.find('.ja-DecorationSelect_Option').on('mousedown touchstart', function () { 2087 self.blurFlug = false; 2088 }); 2089 2090 self.$dropDown.find('.ja-DecorationSelect_Option').on('click', function () { 2091 self.itemClick(this); 2092 return false; 2093 }); 2094 }; 2095 2096 EachSelect.prototype.showDropdown = function showDropdown() { 2097 var self = this; 2098 2099 self.ddFlag = true; 2100 2101 self.$textSelect.addClass('is-focus'); 2102 self.$dropDown.attr('aria-expanded', 'true').attr('aria-hidden', 'false').stop().fadeIn(100); 2103 }; 2104 2105 EachSelect.prototype.hideDropdown = function hideDropdown() { 2106 var self = this; 2107 2108 self.$dropDown.stop().attr('aria-expanded', 'false').attr('aria-hidden', 'true').fadeOut(100); 2109 2110 self.$textSelect.removeClass('is-focus'); 2111 2112 self.ddFlag = false; 2113 self.focusFlag = false; 2114 self.blurFlug = true; 2115 }; 2116 2117 EachSelect.prototype.itemClick = function itemClick(e) { 2118 var self = this; 2119 2120 var $this = $(e); 2121 var val = $this.attr('data-value'); 2122 var text = $this.text(); 2123 2124 var firstValue = self.$el.find('option').eq(0).val(); 2125 2126 if (val != firstValue) { 2127 self.$textSelect.addClass('is-selected'); 2128 } else { 2129 self.$textSelect.removeClass('is-selected'); 2130 } 2131 2132 self.$textSelect.text(text); 2133 self.$el.val(val); 2134 2135 if (self.emitFlag) { 2136 this.emit('changeValue'); 2137 } 2138 2139 self.hideDropdown(); 2140 self.$textSelect.trigger('focus'); 2141 }; 2142 2143 EachSelect.prototype.keybordAction = function keybordAction(e) { 2144 var self = this; 2145 2146 var keycode = e.keyCode; 2147 2148 if (self.focusFlag) { 2149 var val = self.$el.val(); 2150 var $item = self.$dropDown.find('.ja-DecorationSelect_Option'); 2151 var $currentItem = $item.filter(':focus').length > 0 ? $item.filter(':focus') : $item.filter('[data-value="' + val + '"]'); 2152 var _itemLength = $item.length; 2153 var _index = $currentItem.length > 0 ? $item.index($currentItem) : -1; 2154 var _num; 2155 2156 if (keycode == 40) { 2157 self.blurFlug = false; 2158 2159 if (!self.ddFlag) { 2160 self.showDropdown(); 2161 if (val == -1) { 2162 $item.eq(0).trigger('focus'); 2163 } else { 2164 $currentItem.trigger('focus'); 2165 } 2166 } else { 2167 _num = _index == _itemLength - 1 ? 0 : _index + 1; 2168 $item.eq(_num).trigger('focus'); 2169 } 2170 e.preventDefault(); 2171 } else if (keycode == 38) { 2172 self.blurFlug = false; 2173 2174 if (!self.ddFlag) { 2175 self.showDropdown(); 2176 self.blurFlug = false; 2177 if (val == -1) { 2178 $item.eq(-1).trigger('focus'); 2179 } else { 2180 $currentItem.trigger('focus'); 2181 } 2182 } else { 2183 _num = _index === 0 ? _itemLength - 1 : _index - 1; 2184 $item.eq(_num).trigger('focus'); 2185 } 2186 e.preventDefault(); 2187 } 2188 if (self.ddFlag) { 2189 if (keycode == 32) { 2190 $currentItem.trigger('click'); 2191 e.preventDefault(); 2192 } 2193 2194 if (keycode == 9) { 2195 e.preventDefault(); 2196 } 2197 } else if (keycode == 32) { 2198 self.blurFlug = false; 2199 self.showDropdown(); 2200 if (val == -1) { 2201 $item.eq(0).trigger('focus'); 2202 } else { 2203 $currentItem.trigger('focus'); 2204 } 2205 e.preventDefault(); 2206 } 2207 } 2208 }; 2209 2210 return EachSelect; 2211}(EventEmitter); 2212 2213exports.default = EachSelect; 2214 2215 2216module.exports = DecorationSelect; 2217 2218},{"./browser.js":7,"events":1}],10:[function(require,module,exports){ 2219'use strict'; 2220 2221var _var2 = require('../_var.js'); 2222 2223var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; 2224 2225var Modal = function Modal() { 2226 this.init(); 2227}; 2228 2229Modal.prototype = {
2230 init: function init() { 2231 var self = this; 2232 2233 self.$btn = $('.js-ModalLink'); 2234 2235 if (self.$btn.length === 0) return; 2236 2237 self.$body = $('body'); 2238 self.$content = self.$body; 2239 2240 self.setting(); 2241 self.eventHandler(); 2242 }, 2243 2244 setting: function setting() { 2245 var self = this; 2246 2247 self._length = self.$btn.length - 1; 2248 2249 self.$bg = $('<div class="ja-ModalBackGround"></div>'); 2250 self.$el = $('<div class="ja-Modal"></div>'); 2251 self.$btnClose = $('<a href="#" class="ja-Modal_CloseBtn"></a>'); 2252 self.$inner = $('<div class="ja-Modal_Inner"></div>'); 2253 self.$p = $('<p class="ja-Modal_Text"></p>'); 2254 2255 self.$content.append(self.$bg); 2256 self.$inner.append(self.$p); 2257 self.$el.append(self.$inner); 2258 self.$el.append(self.$btnClose); 2259 self.$content.append(self.$el); 2260 2261 self.flag = true; 2262 2263 self.$bg.height(self.$body.height()); 2264 }, 2265 2266 eventHandler: function eventHandler() { 2267 var self = this; 2268 2269 self.showFlag = false; 2270 2271 self.$btn.on('click', function () { 2272 self.showFlag = true; 2273 self.modalShow(this); 2274 //self.checkMediaType(this); 2275 return false; 2276 }); 2277 2278 var timer = false; 2279 $(window).on('resize', function () { 2280 if (timer !== false) { 2281 clearTimeout(timer); 2282 } 2283 if (self.showFlag) { 2284 timer = setTimeout(function () { 2285 self.setSize(); 2286 }, 100); 2287 } 2288 }); 2289 2290 self.$btnClose.on('click', function () { 2291 self.showFlag = false; 2292 self.modalClose(); 2293 return false; 2294 }); 2295 2296 self.$bg.on('click', function () { 2297 self.showFlag = false; 2298 self.modalClose(); 2299 return false; 2300 }); 2301 2302 $(document).on('keydown', function (e) { 2303 if (e.keyCode == 27 && self.showFlag) { 2304 self.showFlag = false; 2305 self.modalClose(); 2306 return false; 2307 } 2308 }); 2309 }, 2310 2311 checkMediaType: function checkMediaType(e) { 2312 var self = this; 2313 2314 self.$link = $(e); 2315 self.item = self.$link.attr('href'); 2316 2317 if (/jpg|gif|png/.test(self.item.match(/(.*)(?:\.([^.]+$))/)[2])) { 2318 self._type = 'img'; 2319 self.loadImg(true); 2320 } else if (/mp4/.test(self.item.match(/(.*)(?:\.([^.]+$))/)[2])) { 2321 self._type = 'video'; 2322 2323 self._width = 800; 2324 self._height = 450; 2325 self.modalShow(); 2326 } else if (/www.youtube.com/.test(self.item.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):?[0-9]*?\//i)[1])) { 2327 self._type = 'youtube'; 2328 2329 self._width = 800; 2330 self._height = 450; 2331 } 2332 }, 2333 2334 loadImg: function loadImg(show) { 2335 var self = this; 2336 2337 var $img = $('<img>').attr('src', self.item); 2338 if ($img[0].complete) { 2339 self._width = $img[0].width; 2340 self._height = $img[0].height; 2341 2342 self.changeMedia(); 2343 } else { 2344 $img.on('error', function () { 2345 self.$bg.fadeOut(200); 2346 return false; 2347 }); 2348 $img.on('load', function () { 2349 self._width = $img[0].width; 2350 self._height = $img[0].height; 2351 2352 self.changeMedia(); 2353 }); 2354 } 2355 }, 2356 2357 modalShow: function modalShow(e) { 2358 var self = this; 2359 2360 var _margin = window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? 40 : window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches ? 60 : 80; 2361 var _winW = $(window).innerWidth(); 2362 var _winH = window.innerHeight; 2363 var _width = _winW - _margin; 2364 var _height = _width * 640 / 960; 2365 2366 self._index = self.$btn.index($(e)) - 1; 2367 2368 $(document).on(mousewheelevent, function (e) { 2369 e.preventDefault(); 2370 }); 2371 2372 self.$bg.height(self.$body.height()); 2373 self.$bg.fadeIn(200); 2374 2375 self.$el.css({ 2376 width: _width, 2377 height: _height, 2378 marginLeft: -_width / 2, 2379 marginTop: -_height / 2 - 20 2380 }); 2381 2382 self.$inner.css({ 2383 width: _width, 2384 height: _height 2385 }); 2386 2387 self.$el.fadeIn(300); 2388 2389 self.changeModal(true); 2390 }, 2391 2392 setSize: function setSize(file, animate) { 2393 var self = this; 2394 2395 var _winW = $(window).innerWidth(); 2396 var _winH = window.innerHeight; 2397 2398 var _duration = animate ? 600 : 0; 2399 2400 var _margin = window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? 40 : window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches ? 60 : 90; 2401 2402 var _width = self._width; 2403 var _height = self._height; 2404 2405 if (self._width > _winW - _margin) { 2406 _width = _winW - _margin;
2407 _height = (_winW - _margin) * self._height / self._width; 2408 2409 if (_height > _winH - 120) { 2410 _height = _winH - 120; 2411 _width = (_winH - 120) * self._width / self._height; 2412 } 2413 } else if (self._height > _winH - 120) { 2414 _height = _winH - 120; 2415 _width = (_winH - 120) * self._width / self._height; 2416 2417 if (_width > _winW - _margin) { 2418 _width = _winW - _margin; 2419 _height = (_winW - _margin) * self._height / self._width; 2420 } 2421 } 2422 2423 self.file.attr('width', _width).attr('height', _height); 2424 2425 self._newW = _width; 2426 2427 self.$el.css({ 2428 width: _width, 2429 height: _height, 2430 marginLeft: -_width / 2, 2431 marginTop: -_height / 2 - 20, 2432 opacity: 1 2433 }, _duration); 2434 2435 self.$inner.css({ 2436 width: _width, 2437 height: _height 2438 }, _duration); 2439 }, 2440 2441 modalClose: function modalClose() { 2442 var self = this; 2443 2444 $(document).off(mousewheelevent); 2445 2446 self.$el.fadeOut(200, function () { 2447 self.$inner.find('img, iframe').remove(); 2448 self.$p.empty(); 2449 }); 2450 self.$bg.fadeOut(300); 2451 }, 2452 2453 changeModal: function changeModal(next) { 2454 var self = this; 2455 2456 var nextNum; 2457 2458 if (next) { 2459 nextNum = self._index == self._length ? 0 : self._index + 1; 2460 } else { 2461 nextNum = self._index === 0 ? self._length : self._index - 1; 2462 } 2463 2464 self._index = nextNum; 2465 self.item = self.$btn.eq(self._index).attr('href'); 2466 self.text = self.$btn.eq(self._index).attr('data-caption') || ''; 2467 2468 if (/jpg|gif|png/.test(self.item.match(/(.*)(?:\.([^.]+$))/)[2])) { 2469 self._type = 'img'; 2470 self.loadImg(); 2471 } else if (/mp4/.test(self.item.match(/(.*)(?:\.([^.]+$))/)[2])) { 2472 self._type = 'video'; 2473 2474 self._width = 800; 2475 self._height = 450; 2476 self.changeMedia(); 2477 } else if (/www.youtube.com/.test(self.item.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):?[0-9]*?\//i)[1])) { 2478 self._type = 'youtube'; 2479 2480 self._width = 800; 2481 self._height = 450; 2482 2483 self.changeMedia(); 2484 } 2485 }, 2486 2487 changeMedia: function changeMedia() { 2488 var self = this; 2489 2490 self.flag = true; 2491 2492 var flag = self.directionX > 0 && self.$inner.find('.is-prev-right').length === 0 || self.directionX < 0 && self.$inner.find('.is-prev-left').length === 0; 2493 2494 if (self._type === 'img') { 2495 self.file = $('<img>').attr('src', self.item).attr('width', self._width).attr('height', self._height); 2496 } else if (self._type === 'youtube') { 2497 2498 self.file = $('<iframe width="960" height="720" src="//www.youtube.com/embed/' + self.item.replace('https://www.youtube.com/watch?v=', '') + '?rel=0" frameborder="0" allowfullscreen></iframe>'); 2499 } else if (self._type === 'video') { 2500 self.file = $('<video>').attr('src', self.item).attr('controls', true).attr('autoplay', true); 2501 } 2502 2503 self.setSize(self.file, false); 2504 2505 if (flag) { 2506 self.file.hide(); 2507 } 2508 2509 self.$inner.prepend(self.file); 2510 2511 if (flag) { 2512 self.file.stop().fadeIn(); 2513 } 2514 2515 self.$p.text(self.text); 2516 self.$p.stop().fadeIn(); 2517 } 2518}; 2519 2520module.exports = Modal; 2521 2522},{"../_var.js":2}],11:[function(require,module,exports){ 2523'use strict'; 2524 2525exports.__esModule = true; 2526 2527function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 2528 2529var Srcsetfill = function () { 2530 function Srcsetfill(opts) { 2531 var _this = this; 2532 2533 _classCallCheck(this, Srcsetfill); 2534 2535 this.els = document.querySelectorAll('img[data-srcset], img[data-srcsetTab], img[data-srcsetPCL]'); 2536 2537 this._bpPcL = opts.pcL || 0; 2538 this._bpTab = opts.tab || 0; 2539 this._bpSp = opts.sp || 0; 2540 2541 this.eachArr = []; 2542 Array.prototype.forEach.call(this.els, function (e, i) { 2543 var eachEl = new EachSrcsetfill(_this.els[i], _this._bpTab, _this._bpSp, _this._bpPcL); 2544 _this.eachArr.push(eachEl); 2545 }); 2546 2547 window.matchMedia('(max-width: ' + this._bpSp + 'px)').addListener(function () { 2548 if (_this.eachArr.length > 0) _this.changeSrc(); 2549 }, false); 2550 window.matchMedia('(max-width: ' + this._bpTab + 'px)').addListener(function () { 2551 if (_this.eachArr.length > 0) _this.changeSrc(); 2552 }, false); 2553 window.matchMedia('(max-width: ' + this._bpPcL + 'px)').addListener(function () { 2554 if (_this.eachArr.length > 0) _this.changeSrc(); 2555 }, false); 2556 } 2557 2558 Srcsetfill.prototype.changeSrc = function changeSrc() { 2559 var _this2 = this; 2560 2561 this.eachArr.forEach(function (e, i) { 2562 _this2.eachArr[i].setImage(); 2563 });
2564 }; 2565 2566 Srcsetfill.prototype.destroy = function destroy() { 2567 var _this3 = this; 2568 2569 this.eachArr.forEach(function (e, i) { 2570 _this3.eachArr[i].destroy(); 2571 }); 2572 2573 this.els = null; 2574 this.eachArr = null; 2575 2576 this.els = []; 2577 this.eachArr = []; 2578 }; 2579 2580 return Srcsetfill; 2581}(); 2582 2583exports.default = Srcsetfill; 2584 2585var EachSrcsetfill = function () { 2586 function EachSrcsetfill(el, bpTab, bpSp, bpPcL) { 2587 _classCallCheck(this, EachSrcsetfill); 2588 2589 this.el = el; 2590 this._bpTab = bpTab; 2591 this._bpSp = bpSp; 2592 this._bpPcL = bpPcL; 2593 2594 this.imgLL = this.el.getAttribute('data-srcsetPCL') || this.el.getAttribute('src'); 2595 this.imgL = this.el.getAttribute('src'); 2596 this.imgM = this.el.getAttribute('data-srcsetTab') || this.el.getAttribute('src'); 2597 this.imgS = this.el.getAttribute('data-srcset') || this.el.getAttribute('data-srcsetTab'); 2598 2599 if (window.matchMedia('(max-width: ' + this._bpSp + 'px)').matches) { 2600 this.el.setAttribute('src', this.imgS); 2601 } else if (window.matchMedia('(max-width: ' + this._bpTab + 'px)').matches) { 2602 this.el.setAttribute('src', this.imgM); 2603 } else if (window.matchMedia('(max-width: ' + this._bpPcL + 'px)').matches) { 2604 this.el.setAttribute('src', this.imgL); 2605 } else { 2606 this.el.setAttribute('src', this.imgLL); 2607 } 2608 } 2609 2610 EachSrcsetfill.prototype.destroy = function destroy() { 2611 this.imgLL = null; 2612 this.imgL = null; 2613 this.imgM = null; 2614 this.imgS = null; 2615 }; 2616 2617 EachSrcsetfill.prototype.setImage = function setImage() { 2618 if (window.matchMedia('(max-width: ' + this._bpSp + 'px)').matches) { 2619 this.el.setAttribute('src', this.imgS); 2620 } else if (window.matchMedia('(max-width: ' + this._bpTab + 'px)').matches) { 2621 this.el.setAttribute('src', this.imgM); 2622 } else if (window.matchMedia('(max-width: ' + this._bpPcL + 'px)').matches) { 2623 this.el.setAttribute('src', this.imgL); 2624 } else { 2625 this.el.setAttribute('src', this.imgLL); 2626 } 2627 }; 2628 2629 return EachSrcsetfill; 2630}(); 2631 2632},{}],12:[function(require,module,exports){ 2633'use strict'; 2634 2635function Strheight(elsS, elsM, opts) { 2636 return this instanceof Strheight ? this.init(elsS, elsM, opts) : new Strheight(elsS, elsM, opts); 2637} 2638 2639Strheight.prototype.init = function (elsS, elsM, opts) { 2640 var self = this; 2641 2642 self.elsS = elsS; 2643 self.elsM = elsM; 2644 2645 opts = $.extend({ 2646 checkInterval: 0, 2647 liquid: false, 2648 divideEqually: true 2649 }, opts); 2650 2651 self.checkInterval = opts.checkInterval; 2652 self.liquid = opts.liquid; 2653 self.divide = opts.divideEqually; 2654 2655 self.setSingle(); 2656 self.setMultiple(); 2657 2658 self.loadHandler(); 2659 if (self.liquid) self.resizeHandler(); 2660}; 2661 2662Strheight.prototype.setSingle = function () { 2663 var self = this; 2664 2665 self.arrElsS = []; 2666 self.singleFinish = 0; 2667 2668 for (var i = 0, l = self.elsS.length; i < l; ++i) { 2669 var strheightSingle = new StrheightSingle(self.elsS[i]); 2670 self.arrElsS.push(strheightSingle); 2671 } 2672 2673 $.each(self.arrElsS, function (i, e) { 2674 $(e).on('strheightSingleFinish', function () { 2675 self.singleFinish += 1; 2676 2677 if (self.singleFinish >= self.arrElsS.length) { 2678 $(window).triggerHandler('strheightFinish'); 2679 self.singleFinish = 0; 2680 } 2681 }); 2682 }); 2683}; 2684 2685Strheight.prototype.setMultiple = function () { 2686 var self = this; 2687 2688 self.arrElsM = []; 2689 2690 for (var key in self.elsM) { 2691 var strheightMultiple = new StrheightMultiple(key, self.elsM[key], self.elsS, self.divide); 2692 self.arrElsM.push(strheightMultiple); 2693 } 2694}; 2695 2696Strheight.prototype.refresh = function () { 2697 var self = this; 2698 2699 self.winW = $(window).innerWidth(); 2700 2701 for (var i = 0; i < self.arrElsS.length; ++i) { 2702 self.arrElsS[i].init(); 2703 } 2704 var j = 0; 2705 for (var key in self.elsM) { 2706 self.arrElsM[j].checkElement(); 2707 j += 1; 2708 } 2709}; 2710 2711Strheight.prototype.loadHandler = function () { 2712 var self = this; 2713 2714 $(window).on('load', function () { 2715 self.refresh(); 2716 }); 2717 if (self.checkInterval > 0) self.setChecker(self.checkInterval); 2718};
2719 2720Strheight.prototype.resizeHandler = function () { 2721 var self = this; 2722 2723 var timer = null; 2724 $(window).on('load resize', function () { 2725 clearTimeout(timer); 2726 timer = setTimeout(function () { 2727 if (self.winW != $(window).innerWidth()) { 2728 self.refresh(); 2729 } 2730 }, 100); 2731 }); 2732}; 2733 2734Strheight.prototype.destroy = function () { 2735 var self = this; 2736 2737 for (var i = 0; i < self.arrElsS.length; ++i) { 2738 self.arrElsS[i].destroy(); 2739 } 2740 var j = 0; 2741 2742 for (var key in self.elsM) { 2743 self.arrElsM[j].destroy(); 2744 j += 1; 2745 } 2746 2747 self.checkInterval = null; 2748 self.liquid = null; 2749 self.divide = null; 2750 2751 self.arrElsS = null; 2752 self.elsM = null; 2753 2754 self.arrElsS = []; 2755 self.elsM = {}; 2756}; 2757 2758Strheight.prototype.setChecker = function () { 2759 var self = this; 2760 2761 self.cheker = null; 2762 2763 var fontSizeCheker = new FontSizeCheker(self.checkInterval); 2764 self.cheker = fontSizeCheker; 2765 2766 self.cheker.$el.on('changeSizeRequest', function () { 2767 if (self.checkInterval) { 2768 self.refresh(); 2769 $(window).triggerHandler('fontSizeChange'); 2770 } 2771 }); 2772}; 2773 2774/* 2775 Equal Heights Single 2776---------------------------------------------- */ 2777var StrheightSingle = function StrheightSingle(el) { 2778 this.$el = $(el); 2779 2780 this.init(); 2781}; 2782 2783StrheightSingle.prototype.init = function () { 2784 var self = this; 2785 2786 var $self = $(self); 2787 2788 self.maxHeight = 0; 2789 self.offsetTop = 0; 2790 self.crtOffsetTop = 0; 2791 self.rows = []; 2792 2793 if (self.$el.length > 0) { 2794 self.sortOffset(this.$el); 2795 } else { 2796 $self.triggerHandler('strheightSingleFinish'); 2797 } 2798}; 2799 2800StrheightSingle.prototype.destroy = function () { 2801 var self = this; 2802 2803 self.$el = null; 2804 self.maxHeight = null; 2805 self.crtOffsetTop = null; 2806 self.rows = null; 2807 2808 self.els = null; 2809 self.cols = null; 2810}; 2811 2812StrheightSingle.prototype.sortOffset = function (els) { 2813 var self = this; 2814 2815 self.els = els; 2816 self.cols = []; 2817 2818 Array.prototype.forEach.call(els, function (e, i) { 2819 var $e = $.isArray(self.els) ? $(e.item) : $(e); 2820 2821 $e.height('auto'); 2822 2823 var arr = {}; 2824 2825 arr.item = $e; 2826 arr.offset = $e.offset().top; 2827 2828 self.cols.push(arr); 2829 }); 2830 2831 self.cols.sort(function (a, b) { 2832 return a.offset - b.offset; 2833 }); 2834 2835 self.checkElement(); 2836}; 2837 2838StrheightSingle.prototype.checkElement = function () { 2839 var self = this; 2840 2841 var $self = $(self); 2842 2843 var rowHeight; 2844 2845 for (var i = 0, l = self.cols.length; i < l; i++) { 2846 var $item = $(self.cols[i].item); 2847 2848 $item.height('auto'); 2849 rowHeight = $item.outerHeight(); 2850 self.crtOffsetTop = $item.offset().top; 2851 2852 if (self.offsetTop != self.crtOffsetTop) { 2853 break; 2854 } 2855 2856 self.rows.push($item); 2857 self.offsetTop = self.crtOffsetTop; 2858 2859 if (rowHeight > self.maxHeight) { 2860 self.maxHeight = rowHeight; 2861 } 2862 } 2863 2864 self.setHeight(); 2865 2866 self.cols.splice(0, i + 1); 2867 i = 0; 2868 2869 if (self.cols.length > 0) { 2870 2871 self.rows.push($item); 2872 self.offsetTop = $item.offset().top; 2873 2874 if (rowHeight > self.maxHeight) { 2875 self.maxHeight = rowHeight; 2876 } 2877 2878 self.sortOffset(self.cols); 2879 } else { 2880 $self.triggerHandler('strheightSingleFinish'); 2881 } 2882}; 2883 2884StrheightSingle.prototype.setHeight = function (e) { 2885 var self = this; 2886 2887 self.rows.forEach(function (e, i) { 2888 var $col = $(self.rows[i]); 2889 var colHeight = $col.height(); 2890 var colOuterHeight = $col.innerHeight(); 2891 2892 $(self.rows[i]).height(colHeight + self.maxHeight - colOuterHeight); 2893 }); 2894 2895 self.rows = []; 2896 self.maxHeight = 0; 2897}; 2898 2899/* 2900 Equal Heights Multiple 2901---------------------------------------------- */ 2902var StrheightMultiple = function StrheightMultiple(key, hash, elsS, divide) { 2903 2904 this.init(key, hash, elsS, divide); 2905}; 2906 2907StrheightMultiple.prototype.init = function (key, hash, elsS, divide) { 2908 var self = this; 2909 2910 self.$el = $(key); 2911 self._hash = hash; 2912 self.elsS = elsS; 2913 self.divide = divide; 2914 2915 self.exElement(); 2916 self.checkElement(); 2917}; 2918 2919StrheightMultiple.prototype.destroy = function () { 2920 var self = this; 2921 2922 self.$el = null; 2923 self._hash = null; 2924 self.elsS = null; 2925 self.divide = null; 2926 2927 self.exEl = null; 2928 2929 self.maxHeight = null; 2930 self.offsetTop = null; 2931 self.crtOffsetTop = null; 2932 self.rows = null; 2933}; 2934 2935StrheightMultiple.prototype.exElement = function () { 2936 var self = this; 2937 2938 var exEl = ''; 2939 for (var i = 0, l = self.elsS.length; i < l; ++i) { 2940 exEl += i != l - 1 ? self.elsS[i] + ', ' : self.elsS[i]; 2941 } 2942 2943 self.exEl = exEl; 2944}; 2945 2946StrheightMultiple.prototype.checkElement = function () { 2947 var self = this; 2948 2949 self.maxHeight = 0; 2950 self.offsetTop = 0; 2951 self.crtOffsetTop = 0; 2952 self.rows = []; 2953 2954 self.$el.each(function (i, e) { 2955 var $e = $(e); 2956 2957 $e.find(self._hash).not(self.exEl).height('auto'); 2958 2959 var rowHeight = $e.outerHeight(); 2960 self.crtOffsetTop = $e.offset().top; 2961 2962 if (self.offsetTop != self.crtOffsetTop) { 2963 self.setHeight($e); 2964 } 2965 2966 self.rows.push($e); 2967 self.offsetTop = self.crtOffsetTop; 2968 2969 if (rowHeight > self.maxHeight) { 2970 self.maxHeight = rowHeight; 2971 } 2972 }); 2973 self.setHeight(); 2974}; 2975 2976StrheightMultiple.prototype.setHeight = function (e) { 2977 var self = this; 2978 2979 var $hash, hashH, diffH; 2980 2981 for (var i = 0, l = self.rows.length; i < l; i++) { 2982 var $row = $(self.rows[i]); 2983 var rowHeight = $row.outerHeight(); 2984 2985 if (self.maxHeight > $row.height()) { 2986 $hash = $row.find(self._hash); 2987 hashLength = $hash.length; 2988 diffH = self.maxHeight - rowHeight; 2989 2990 if (self.divide) { 2991 $hash.each(function () { 2992 var thisH = $(this).height(); 2993 $(this).height(thisH + diffH / hashLength); 2994 }); 2995 } else { 2996 $hash.eq(-1).each(function () { 2997 var thisH = $(this).height(); 2998 $(this).height(thisH + diffH); 2999 }); 3000 } 3001 } 3002 } 3003 3004 if (e) self.crtOffsetTop = e.offset().top; 3005 3006 self.rows = []; 3007 self.maxHeight = 0; 3008}; 3009 3010/* 3011 Font Size Cheker 3012---------------------------------------------- */ 3013var FontSizeCheker = function FontSizeCheker(checkInterval) { 3014 3015 if ($('#h').length > 0) { 3016 this.$el = $('#h'); 3017 } else { 3018 this.$el = $('<div id="h">â»</div>').appendTo('body'); 3019 this.init(checkInterval); 3020 } 3021}; 3022 3023FontSizeCheker.prototype.init = function (checkInterval) { 3024 var self = this; 3025 3026 self.$el.css({ position: 'absolute', top: 0, left: 0, zIndex: -99999, visibility: 'hidden' }); 3027 self.defHeight = self.$el.height(); 3028 3029 setInterval(function () { 3030 self.checkSize(); 3031 }, checkInterval); 3032};
3033 3034FontSizeCheker.prototype.checkSize = function () { 3035 var self = this; 3036 3037 if (self.defHeight != self.$el.height()) { 3038 self.$el.triggerHandler('changeSizeRequest'); 3039 self.defHeight = self.$el.height(); 3040 } 3041}; 3042 3043module.exports = Strheight; 3044 3045},{}],13:[function(require,module,exports){ 3046'use strict'; 3047 3048exports.__esModule = true; 3049 3050function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 3051 3052function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 3053 3054function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 3055 3056var EventEmitter = require('events').EventEmitter; 3057 3058var Graph = function (_EventEmitter) { 3059 _inherits(Graph, _EventEmitter); 3060 3061 function Graph() { 3062 _classCallCheck(this, Graph); 3063 3064 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 3065 3066 _this.graph = document.querySelectorAll('.js-GraphTable'); 3067 3068 if (_this.graph.length > 0) { 3069 _this.initialize(); 3070 } 3071 return _this; 3072 } 3073 3074 Graph.prototype.initialize = function initialize() { 3075 var _this2 = this; 3076 3077 this.eachGraphs = []; 3078 3079 Array.prototype.forEach.call(this.graph, function (el, i) { 3080 var eachGraph = new EachGraph(el); 3081 _this2.eachGraphs.push(eachGraph); 3082 }); 3083 3084 window.addEventListener('resize', function () { 3085 _this2.eachGraphs.forEach(function (el, i, a) { 3086 el.renderGraph(); 3087 }); 3088 }, false); 3089 }; 3090 3091 return Graph; 3092}(EventEmitter); 3093 3094exports.default = Graph; 3095 3096var EachGraph = function (_EventEmitter2) { 3097 _inherits(EachGraph, _EventEmitter2); 3098 3099 function EachGraph(el) { 3100 _classCallCheck(this, EachGraph); 3101 3102 var _this3 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 3103 3104 _this3.el = el; 3105 _this3.targetID = _this3.el.getAttribute('data-targetGraph'); 3106 _this3.target = document.getElementById(_this3.targetID); 3107 3108 _this3.index = _this3.el.querySelectorAll('.js-GraphTable_Data'); 3109 3110 _this3.eachType = []; 3111 3112 _this3.hasRaxis = Array.prototype.some.call(_this3.index, function (el, i) { 3113 var state = JSON.parse(el.getAttribute('data-graph')); 3114 3115 return state.yaxis === 'right'; 3116 }); 3117 3118 _this3.state(); 3119 _this3.getAxisData(); 3120 _this3.setBase(); 3121 _this3.setTooltip(); 3122 3123 Array.prototype.forEach.call(_this3.index, function (el, i) { 3124 var state = JSON.parse(el.getAttribute('data-graph')); 3125 3126 var x = _this3.x; 3127 var y = state.yaxis === 'left' ? _this3.l : _this3.r; 3128 3129 var eachType = state.type === 'bar' ? new RadarBar(el, _this3.svg, x, y, _this3.xData, _this3.tip) : new RadarLine(el, _this3.svg, x, y, _this3.xData, _this3.tip); 3130 3131 _this3.eachType.push(eachType); 3132 }); 3133 3134 _this3.renderGraph(); 3135 return _this3; 3136 } 3137 3138 EachGraph.prototype.state = function state() { 3139 this.margin = this.hasRaxis ? { 3140 top: 70, 3141 right: 100, 3142 bottom: 90, 3143 left: 100 3144 } : { 3145 top: 70, 3146 right: 40, 3147 bottom: 90, 3148 left: 180 3149 }; 3150 3151 this.size = { 3152 width: this.target.getAttribute('width') - this.margin.left - this.margin.right, 3153 height: this.target.getAttribute('height') - this.margin.top - this.margin.bottom 3154 }; 3155 3156 this.scale = 1; 3157 this.aspect = this.target.getAttribute('width') / this.target.getAttribute('height'); 3158 }; 3159 3160 EachGraph.prototype.getAxisData = function getAxisData() { 3161 var _this4 = this; 3162 3163 this.lData = { max: 0, min: 0, num: 0, data: [] }; 3164 this.rData = { max: 0, min: 0, num: 0, data: [] }; 3165 3166 this.xData = Array.prototype.map.call(this.el.querySelectorAll('thead th'), function (el, i) { 3167 return el.innerText; 3168 });
3169 this.xData.shift(); 3170 3171 Array.prototype.forEach.call(this.index, function (el, i) { 3172 var state = JSON.parse(el.getAttribute('data-graph')); 3173 3174 Array.prototype.forEach.call(el.querySelectorAll('td'), function (td, i) { 3175 var data = state.yaxis === 'left' ? _this4.lData : _this4.rData; 3176 3177 data.max = data.max > state.max ? data.max : state.max; 3178 data.min = data.min < state.min ? data.min : state.min; 3179 data.num = data.num > state.num ? data.num : state.num; 3180 data.unit = state.unit; 3181 data.data.push(parseFloat(td.innerText.replace('â³', '-').split(',').join('').trim())); 3182 }); 3183 }); 3184 }; 3185 3186 EachGraph.prototype.setBase = function setBase() { 3187 this.svg = d3.select(this.target).append('g'); 3188 this.svg.attr('transform', 'translate(' + this.margin.left + ',' + this.margin.top + ')'); 3189 3190 this.setxAxis(); 3191 this.setlAxis(); 3192 3193 if (this.hasRaxis) { 3194 this.setrAxis(); 3195 } 3196 }; 3197 3198 EachGraph.prototype.setxAxis = function setxAxis() { 3199 this.x = d3.scale.ordinal().domain(this.xData.map(function (d) { 3200 return d; 3201 })).rangeRoundPoints([0, this.size.width], 1); 3202 3203 this.xAxis = d3.svg.axis().scale(this.x).orient('bottom').tickSize(0); 3204 3205 this.svg.append('g').attr('class', 'x axis'); 3206 }; 3207 3208 EachGraph.prototype.setlAxis = function setlAxis() { 3209 var _this5 = this; 3210 3211 this.l = d3.scale.linear().nice().domain([this.lData.min, d3.max(this.lData.data, function (d) { 3212 return _this5.lData.max; 3213 })]).range([this.size.height, 0]); 3214 3215 this.lAxis = d3.svg.axis().scale(this.l).orient('left').ticks(this.lData.num).tickSize(7, 0); 3216 3217 this.svg.append('g').attr('class', 'y-l axis'); 3218 }; 3219 3220 EachGraph.prototype.setrAxis = function setrAxis() { 3221 var _this6 = this; 3222 3223 this.r = d3.scale.linear().nice().domain([this.rData.min, d3.max(this.rData.data, function (d) { 3224 return _this6.rData.max; 3225 })]).range([this.size.height, 0]); 3226 3227 this.rAxis = d3.svg.axis().scale(this.r).orient('right').ticks(this.rData.num).tickSize(7, 0); 3228 3229 this.svg.append('g').attr('class', 'y-r axis'); 3230 }; 3231 3232 EachGraph.prototype.setTooltip = function setTooltip() { 3233 3234 this.tip = d3.tip().attr('class', 'graphTip').attr('aria-hidden', 'true').offset([-10, 0]).html(function (d, u) { 3235 return String(d.num).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,').replace('-', 'â') + u; 3236 }); 3237 3238 this.svg.call(this.tip); 3239 3240 // $(document).on('touchstart', function(e){ 3241 // if($(e.target).closest('.tableWrapper').find(self.$el).length === 0 && $(e.target).find(self.$el).length === 0){ 3242 // this.tip.hide(); 3243 // } 3244 // }); 3245 }; 3246 3247 EachGraph.prototype.renderGraph = function renderGraph() { 3248 var _this7 = this; 3249 3250 this.setSize(); 3251 this.renderBaseX(); 3252 this.renderBaseLeft(); 3253 3254 if (this.hasRaxis) { 3255 this.renderBaseRight(); 3256 } 3257 3258 this.eachType.forEach(function (e, i, a) { 3259 e.renderGraph(_this7.size); 3260 }); 3261 }; 3262 3263 EachGraph.prototype.renderBaseX = function renderBaseX() { 3264 var _width = this.target.parentNode.clientWidth; 3265 var _height = _width / this.aspect; 3266 3267 console.log(_width, _height); 3268 3269 this.size.width = _width - this.margin.left - this.margin.right; 3270 this.size.height = _height - this.margin.top - this.margin.bottom; 3271 3272 this.svg.attr('width', this.size.width).attr('height', this.size.height); 3273 3274 this.svg.attr('transform', 'translate(' + this.margin.left + ',' + this.margin.top + ')'); 3275 3276 this.x.rangeRoundPoints([0, this.size.width], 1); 3277 3278 this.svg.selectAll('g.x').attr('transform', 'translate(0, ' + this.size.height + ')').call(this.xAxis); 3279 3280 this.svg.selectAll('g.x text').attr('y', 17); 3281 }; 3282 3283 EachGraph.prototype.renderBaseLeft = function renderBaseLeft() { 3284 var self = this; 3285 3286 this.l.range([this.size.height, 0]); 3287 3288 this.svg.selectAll('g.y-l').call(this.lAxis); 3289 3290 this.svg.selectAll('g.y-l line').attr('x2', 7); 3291 this.svg.selectAll('g.y-l text').attr('x', -this._y); 3292 3293 this.svg.selectAll('g.axis.y-l text').each(function (v, i) { 3294 var textElement = d3.select(this); 3295 var text = textElement.text().replace('-', 'â³'); 3296 var unit = self.lData.unit == "%" ? '.0%' : ''; 3297 textElement.text(text + unit); 3298 });
3299 }; 3300 3301 EachGraph.prototype.renderBaseRight = function renderBaseRight() { 3302 var self = this; 3303 3304 this.r.range([this.size.height, 0]); 3305 3306 this.svg.selectAll('g.y-r').attr('transform', 'translate(' + this.size.width + ',0)').call(this.rAxis); 3307 3308 this.svg.selectAll('g.y-r line').attr('x2', -7); 3309 this.svg.selectAll('g.y-r text').attr('x', this._y); 3310 3311 this.svg.selectAll('g.axis.y-r text').each(function (v, i) { 3312 var textElement = d3.select(this); 3313 var text = textElement.text().replace('-', 'â³'); 3314 var unit = self.rData.unit == "%" ? '.0%' : ''; 3315 textElement.text(text + unit); 3316 }); 3317 }; 3318 3319 EachGraph.prototype.setSize = function setSize() { 3320 this.aspect = this.target.getAttribute('width') / this.target.getAttribute('height'); 3321 3322 this._r = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 5 : 6; 3323 this._lW = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 20 : 40; 3324 this._lM = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 4 : 13; 3325 this._tY = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 10 : 11; 3326 3327 if (this.hasRaxis) { 3328 if (window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches) { 3329 this.margin = { 3330 top: 50, 3331 right: 50, 3332 bottom: 60, 3333 left: 50 3334 }; 3335 } else if (window.matchMedia('(max-width: 800px)').matches && !window.matchMedia('print').matches) { 3336 this.margin = { 3337 top: 60, 3338 right: 75, 3339 bottom: 75, 3340 left: 75 3341 }; 3342 } else { 3343 this.margin = { 3344 top: 70, 3345 right: 100, 3346 bottom: 90, 3347 left: 100 3348 }; 3349 } 3350 } else { 3351 if (window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches) { 3352 this.margin = { 3353 top: 50, 3354 right: 15, 3355 bottom: 60, 3356 left: 50 3357 }; 3358 } else if (window.matchMedia('(max-width: 800px)').matches && !window.matchMedia('print').matches) { 3359 this.margin = { 3360 top: 60, 3361 right: 20, 3362 bottom: 75, 3363 left: 75 3364 }; 3365 } else { 3366 this.margin = { 3367 top: 70, 3368 right: 40, 3369 bottom: 90, 3370 left: 100 3371 }; 3372 } 3373 } 3374 3375 this._y = 0; 3376 3377 this._y = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 7 : window.matchMedia('(max-width: 800px)').matches && !window.matchMedia('print').matches ? 14 : 24; 3378 3379 this._dy = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 22 : 24; 3380 }; 3381 3382 return EachGraph; 3383}(EventEmitter); 3384 3385var RadarBar = function (_EventEmitter3) { 3386 _inherits(RadarBar, _EventEmitter3); 3387 3388 function RadarBar(el, svg, x, y, dataX, tip) { 3389 _classCallCheck(this, RadarBar); 3390 3391 var _this8 = _possibleConstructorReturn(this, _EventEmitter3.call(this)); 3392 3393 _this8.el = el; 3394 _this8.svg = svg; 3395 3396 _this8.data = []; 3397 3398 _this8.name = dataX; 3399 3400 _this8.state = JSON.parse(_this8.el.getAttribute('data-graph')); 3401 3402 _this8.x = x; 3403 _this8.y = y; 3404 3405 _this8.tip = tip; 3406 3407 dataX.forEach(function (e, i, a) { 3408 var hash = {}; 3409 hash.name = e; 3410 _this8.data.push(hash); 3411 }); 3412 3413 Array.prototype.forEach.call(el.querySelectorAll('td'), function (td, i) { 3414 var num = parseFloat(td.innerText.replace('-', '').replace('â³', '-').split(',').join('').trim()); 3415 _this8.data[i].num = num; 3416 }); 3417 3418 _this8.setGraph(); 3419 return _this8; 3420 } 3421 3422 RadarBar.prototype.setGraph = function setGraph() { 3423 var _this9 = this; 3424 3425 // let legend = (self.ops.type == 'combo') ? legend + 'ï¼å·¦è»¸ï¼' : legend; 3426 3427 this.barPlaceHolder = this.svg.append('g'); 3428 3429 // this.barLegend = this.barPlaceHolder.append('g') 3430 // .attr('class', 'legend'); 3431 3432 // this.barLegend.append('rect') 3433 // .attr('height', 12); 3434 3435 // this.barLegend.append('text') 3436 // .attr('y', 11) 3437 // .text(legend); 3438 3439 3440 this.barPlaceHolder.selectAll('.bar').data(this.data).enter().append('g').attr('class', 'bar'); 3441 3442 this.barPlaceHolder.selectAll('.bar').append('rect').attr('class', 'num').on('mouseover', function (d) { 3443 $('.graphTip').removeClass('graphTip-line'); 3444 _this9.tip.show(d, _this9.state.unit); 3445 }).on('touchstart', function (d) { 3446 $('.graphTip').removeClass('graphTip-line'); 3447 _this9.tip.show(d, _this9.state.unit); 3448 }).on('mouseout', this.tip.hide); 3449 }; 3450 3451 RadarBar.prototype.renderGraph = function renderGraph(size) { 3452 var _this10 = this; 3453 3454 // self.barLegend.selectAll('rect') 3455 // .attr('width', self._lW); 3456 3457 // self.barLegend.selectAll('text') 3458 // .attr('x', self._lW + self._lM) 3459 // .attr('y', self._tY); 3460 3461 var _w = window.matchMedia('(max-width: 640px)').matches && !window.matchMedia('print').matches ? 20 : 30; 3462 3463 var _x = this.state.displace && this.state.displace !== 0 ? _w * this.state.displace + 5 * this.state.displace : 0; 3464 3465 // let _legendW = this.barLegend[0][0].getBoundingClientRect().width; 3466 3467 // var _legendL = (self.ops.type == 'combo') ? 3468 // this.size.width/2 - _legendW - this._lM: 3469 // this.size.width/2 - _legendW/2; 3470 3471 // this.barLegend 3472 // .attr('transform', 'translate(' + _legendL + ',' + -self.margin.top*3/5 + ')'); 3473 3474 this.barPlaceHolder.selectAll('.bar').attr('transform', function (d) { 3475 if (_this10.state.displace && _this10.state.displace !== 0) { 3476 console.log(_this10.x.rangeBand() / 2 + _this10.x(d.name), _x); 3477 } 3478 return 'translate(' + (_this10.x.rangeBand() / 2 + _this10.x(d.name) + _x) + ',0)'; 3479 });
3480 3481 this.barPlaceHolder.selectAll('.num').attr('x', -_w / 2).attr('y', function (d) { 3482 return _this10.y(Math.max(0, d.num)); 3483 }).attr('height', function (d) { 3484 var value = d.num + _this10.state.min; 3485 return Math.abs(_this10.y(d.num) - _this10.y(0)); 3486 }).attr('width', _w); 3487 }; 3488 3489 return RadarBar; 3490}(EventEmitter); 3491 3492var RadarLine = function (_EventEmitter4) { 3493 _inherits(RadarLine, _EventEmitter4); 3494 3495 function RadarLine(el, svg, x, y, dataX, tip) { 3496 _classCallCheck(this, RadarLine); 3497 3498 var _this11 = _possibleConstructorReturn(this, _EventEmitter4.call(this)); 3499 3500 _this11.el = el; 3501 _this11.svg = svg; 3502 3503 _this11.data = []; 3504 3505 _this11.name = dataX; 3506 3507 _this11.state = JSON.parse(_this11.el.getAttribute('data-graph')); 3508 3509 _this11.x = x; 3510 _this11.y = y; 3511 3512 _this11.tip = tip; 3513 3514 dataX.forEach(function (e, i, a) { 3515 var hash = {}; 3516 hash.name = e; 3517 _this11.data.push(hash); 3518 }); 3519 3520 Array.prototype.forEach.call(el.querySelectorAll('td'), function (td, i) { 3521 var num = parseFloat(td.innerText.replace('â³', '-').split(',').join('').trim()); 3522 _this11.data[i].num = num; 3523 }); 3524 3525 _this11.setGraph(); 3526 return _this11; 3527 } 3528 3529 RadarLine.prototype.setGraph = function setGraph() { 3530 var _this12 = this; 3531 3532 var self = this; 3533 3534 // let legend = (self.ops.type== 'combo') ? legend + 'ï¼å³è»¸ï¼' : legend; 3535 3536 this.linePlaceHolder = this.svg.append('g'); 3537 3538 // this.lineLegend = this.linePlaceHolder.append('g') 3539 // .attr('class', 'legend'); 3540 3541 // this.lineLegend.append('g') 3542 // .attr('height', 12); 3543 3544 // this.lineLegend.selectAll('g') 3545 // .append('path') 3546 // .attr('class', 'legend_path') 3547 // .attr('d', 'M0 6 L40 6') 3548 // .attr('stroke-width', 2); 3549 3550 // this.lineLegend.selectAll('g') 3551 // .append('circle') 3552 // .attr('class', 'legend_point'); 3553 3554 // this.lineLegend.append('text') 3555 // .attr('y', 11) 3556 // .text(legend); 3557 3558 3559 this.percentLine = d3.svg.line().x(function (d) { 3560 return _this12.x(d.name); 3561 }).y(function (d) { 3562 return _this12.y(d.num); 3563 }); 3564 3565 this.path = this.linePlaceHolder.append('path').datum(this.data).attr('class', 'line'); 3566 3567 this.linePlaceHolder.selectAll('dot').data(this.data).enter().append('circle').attr('class', function (d) { 3568 var nama = isFinite(d.num) ? 'point' : 'is-hidden'; 3569 return nama; 3570 }).on('mouseover', function (d) { 3571 $('.graphTip').addClass('graphTip-line'); 3572 d3.select(this).attr('r', 6 + 2).attr('cx', function (d) { 3573 return self.x(d.name); 3574 }).attr('cy', function (d) { 3575 return self.y(d.num); 3576 }); 3577 self.tip.show(d, self.state.unit); 3578 }).on('touchstart', function (d) { 3579 $('.graphTip').addClass('graphTip-line'); 3580 d3.select(this).attr('r', 6 + 2).attr('cx', function (d) { 3581 return self.x(d.name); 3582 }).attr('cy', function (d) { 3583 return self.y(d.num); 3584 }); 3585 self.tip.show(d, self.state.unit); 3586 }).on('mouseout', function (d) { 3587 d3.select(this).attr('r', 6).attr('cx', function (d) { 3588 return self.x(d.name); 3589 }).attr('cy', function (d) { 3590 return self.y(d.num); 3591 }); 3592 self.tip.hide(d); 3593 }); 3594 }; 3595 3596 RadarLine.prototype.renderGraph = function renderGraph(size) { 3597 var _this13 = this; 3598 3599 // self.lineLegend.selectAll('g') 3600 // .attr('width', self._lW) 3601 // .attr('height', 12); 3602 3603 // self.lineLegend.selectAll('.legend_path') 3604 // .attr('d', 'M0 6 L'+self._lW+' 6') 3605 // .attr('stroke-width', 2); 3606 3607 // self.lineLegend.selectAll('.legend_point') 3608 // .attr('r', 6) 3609 // .attr('cx', self._lW/2) 3610 // .attr('cy', 6); 3611 3612 // self.lineLegend.selectAll('text') 3613 // .attr('x', self._lW + self._lM) 3614 // .attr('y', self._tY); 3615 3616 // var _legendW = self.lineLegend[0][0].getBoundingClientRect().width; 3617 3618 // var _legendL = (self.ops.type == 'combo') ? 3619 // self.size.width/2 + self._lM: 3620 // self.size.width/2 - _legendW/2; 3621 3622 // self.lineLegend 3623 // .attr('transform', 'translate(' + _legendL + ',' + -self.margin.top*3/5 + ')'); 3624 3625 3626 this.path.datum(this.data).attr('d', this.percentLine); 3627 3628 this.linePlaceHolder.selectAll('circle.point').attr('r', 6).attr('cx', function (d) { 3629 return _this13.x(d.name); 3630 }).attr('cy', function (d) { 3631 return _this13.y(d.num); 3632 });
3633 }; 3634 3635 return RadarLine; 3636}(EventEmitter); 3637 3638},{"events":1}],14:[function(require,module,exports){ 3639'use strict'; 3640 3641exports.__esModule = true; 3642 3643var _browser = require('./global/browser.js'); 3644 3645var _var2 = require('./_var.js'); 3646 3647var _megadropdown = require('./megadropdown.js'); 3648 3649var _megadropdown2 = _interopRequireDefault(_megadropdown); 3650 3651//var _searchForm = require('./searchForm.js'); 3652 3653//var _searchForm2 = _interopRequireDefault(_searchForm); 3654 3655var _productsNavigation = require('./productsNavigation.js'); 3656 3657var _productsNavigation2 = _interopRequireDefault(_productsNavigation); 3658 3659function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 3660 3661function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 3662 3663function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 3664 3665function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 3666 3667var EventEmitter = require('events').EventEmitter; 3668 3669var Header = function (_EventEmitter) { 3670 _inherits(Header, _EventEmitter); 3671 3672 function Header() { 3673 _classCallCheck(this, Header); 3674 3675 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 3676 3677 _this.header = document.querySelector('.st-Header'); 3678 3679 if (_this.header) { 3680 _this.initialize(); 3681 } 3682 return _this; 3683 } 3684 3685 Header.prototype.initialize = function initialize() { 3686 this.body = document.getElementsByTagName('body')[0]; 3687 3688 this.main = this.header.querySelector('.st-Header_Main'); 3689 this.mainInner = this.main.querySelector('.st-Header_Inner'); 3690 this.sub = this.header.querySelector('.st-Header_Sub'); 3691 3692 this.navigation = this.header.querySelector('.st-Header_Navigation'); 3693 3694 this.title = this.header.querySelector('.st-Header_SiteTitle'); 3695 this.titleA = this.title.querySelector('a'); 3696 this.widget = this.header.querySelector('.st-Header_Widget'); 3697 3698 this.spBtn = this.header.querySelector('.st-Header_SpBtn'); 3699 this.spContent = this.header.querySelector('.st-Header_Content'); 3700 this.spCloseBtn = this.header.querySelector('.st-Header_SpCLoseBtn'); 3701 3702 this.isTop = false; 3703 this.isFixed = false; 3704 this.isTransform = false; 3705 this.isSpNavShow = false; 3706 this.hasImportant = false; 3707 3708 this.timer = null; 3709 3710 this.cloneLog = '<img src="/assets/img/logo_s.svg" alt="cybozu">'; 3711 3712 this.header.classList.add('ja-Header'); 3713 3714 this.megaDropdown = new _megadropdown2.default(); 3715 //this.searchForm = new _searchForm2.default(); 3716 this.productsNavigation = new _productsNavigation2.default(); 3717 3718 this.setTitle(); 3719 this.setMinWidget(); 3720 this.setSize(); 3721 this.eventHandler(); 3722 }; 3723 3724 Header.prototype.setTitle = function setTitle() { 3725 this.jaTitle = document.createElement('div'); 3726 this.jaTitleA = document.createElement('a'); 3727 3728 if (location.pathname.replace('index.html', '').replace(/\/+/g, '/') === '/' && _browser._browser.anim && !location.hostname.match(/search/)) { 3729 this.isTop = true; 3730 this.title.classList.add('is-top'); 3731 } 3732 3733 this.jaTitle.setAttribute('class', 'ja-Header_SiteTitle'); 3734 this.jaTitle.setAttribute('aria-hidden', 'true'); 3735 this.jaTitleA.setAttribute('href', this.titleA.getAttribute('href')); 3736 this.jaTitleA.setAttribute('tabindex', '-1'); 3737 3738 this.jaTitleA.insertAdjacentHTML('beforeend', this.cloneLog); 3739 this.jaTitle.appendChild(this.jaTitleA); 3740 3741 this.mainInner.insertBefore(this.jaTitle, this.mainInner.firstChild); 3742 }; 3743 3744 Header.prototype.setMinWidget = function setMinWidget() { 3745 this.cloneWidgetWrapper = document.createElement('div'); 3746 this.cloneWidget = this.widget.cloneNode(true); 3747 3748 Array.prototype.forEach.call(this.cloneWidget.querySelectorAll('a'), function (el, i) { 3749 el.setAttribute('tabindex', -1); 3750 }, false); 3751 3752 this.cloneWidgetWrapper.setAttribute('class', 'ja-Header_Widget'); 3753 this.cloneWidgetWrapper.setAttribute('aria-hidden', 'true'); 3754 this.cloneWidgetWrapper.appendChild(this.cloneWidget); 3755 this.navigation.appendChild(this.cloneWidgetWrapper); 3756 }; 3757 3758 Header.prototype.setImportant = function setImportant() { 3759 this.hasImportant = true; 3760 }; 3761 3762 Header.prototype.setSize = function setSize() { 3763 this.body.classList.remove('is-spNavShow'); 3764 this.body.classList.remove('is-headerTransform'); 3765 this.main.removeAttribute('style'); 3766 this.header.removeAttribute('style'); 3767 this.spContent.removeAttribute('style'); 3768 this.spContent.removeAttribute('role'); 3769 this.spContent.removeAttribute('aria-hidden'); 3770 this.spContent.removeAttribute('aria-expanded'); 3771 this.header.classList.remove('is-transform'); 3772 this.titleA.removeAttribute('style'); 3773 this.isSpNavShow = false; 3774 this.isFixed = false; 3775 this.isTransform = false; 3776 3777 if (!window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches) { 3778 this.spBtn.setAttribute('aria-hidden', 'true'); 3779 this.body.removeAttribute('style'); 3780 this._headerHeight = this.header.clientHeight; 3781 3782 this._titleTop = this.title.getBoundingClientRect().top; 3783 this._titleHeight = this.title.clientHeight; 3784 3785 this._mainTop = this.main.getBoundingClientRect().top + window.pageYOffset; 3786 this._mainHeight = this.main.clientHeight; 3787 this._mainBottom = this._mainTop + this._mainHeight - 18; 3788 3789 this._mainTopRelative = this.hasImportant ? this._mainTop - 60 : this._mainTop; 3790 3791 this.main.style.position = 'absolute'; 3792 this.main.style.top = this._mainTopRelative + 'px'; 3793 this.header.style.padding = '0 0 ' + this._headerHeight + 'px'; 3794 } else if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3795 this.spBtn.setAttribute('aria-hidden', 'true'); 3796 this.body.removeAttribute('style'); 3797 this._headerHeight = this.header.clientHeight; 3798 // this.body.style.paddingTop = this._headerHeight +'px'; 3799 // this.header.style.position = 'absolute'; 3800 3801 this._mainTop = this.main.getBoundingClientRect().top + window.pageYOffset; 3802 this._mainHeight = this.main.clientHeight; 3803 this._mainBottom = this._mainTop + this._mainHeight - 18; 3804 } else if (window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3805 this.spBtn.setAttribute('aria-hidden', 'false'); 3806 this.spContent.setAttribute('aria-hidden', 'true'); 3807 this.spContent.setAttribute('aria-expanded', 'false'); 3808 this.spContent.setAttribute('role', 'tabpanel'); 3809 3810 if (this.hasImportant) { 3811 this.hederTop = parseInt(this.body.style.paddingTop) - this.header.clientHeight; 3812 this.header.style.top = this.hederTop + 'px'; 3813 this.spScrollHandler(window.pageYOffset); 3814 } else { 3815 this.body.removeAttribute('style'); 3816 } 3817 } 3818 3819 if (!window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches) { 3820 this.scrollHandler(window.pageYOffset); 3821 } else { 3822 this.setProductsNavigation(this.main.getBoundingClientRect().top + this._mainHeight, window.pageYOffset); 3823 } 3824 }; 3825 3826 Header.prototype.eventHandler = function eventHandler() { 3827 var _this2 = this; 3828 3829 this.searchBtns = this.header.querySelectorAll('.st-Header_WidgeSearch'); 3830 3831 window.addEventListener('scroll', function () { 3832 var _scrTop = window.pageYOffset; 3833 3834 if (!window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches) { 3835 _this2.scrollHandler(_scrTop); 3836 } else if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3837 _this2.tabScrollHandler(_scrTop); 3838 } 3839 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3840 //_this2.searchForm.setTop(_this2._mainTop, _this2._mainHeight, _scrTop); 3841 } else if (_this2.hasImportant) { 3842 _this2.spScrollHandler(_scrTop); 3843 } 3844 }, false); 3845 this.spBtn.addEventListener('click', function (e) { 3846 if (window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3847 _this2.toggleSpNavigation(); 3848 e.preventDefault(); 3849 } 3850 });
3851 3852 this.spCloseBtn.addEventListener('click', function (e) { 3853 if (window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3854 _this2.toggleSpNavigation(); 3855 e.preventDefault(); 3856 } 3857 }, false); 3858 3859 Array.prototype.forEach.call(this.searchBtns, function (el, i) { 3860 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3861 el.addEventListener('click', function (e) { 3862 //_this2.searchForm.toggleSearch(_this2._mainTop + _this2._mainHeight); 3863 e.preventDefault(); 3864 }, false); 3865 } 3866 }); 3867 3868 window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').addListener(function () { 3869 _this2.setSize(); 3870 //_this2.searchForm.resetStyle(); 3871 _this2.setProductsNavigation(_this2.main.getBoundingClientRect().top + _this2._mainHeight); 3872 }, false); 3873 window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').addListener(function () { 3874 _this2.setSize(); 3875 //_this2.searchForm.resetStyle(); 3876 }, false); 3877 }; 3878 3879 Header.prototype.scrollHandler = function scrollHandler(_scrTop) { 3880 var _this3 = this; 3881 3882 if (this.timer) { 3883 clearTimeout(this.timer); 3884 } 3885 3886 if (_scrTop >= this._mainTop && !this.isFixed) { 3887 this.isFixed = true; 3888 this.main.style.position = 'fixed'; 3889 this.main.style.top = '0'; 3890 } else if (_scrTop < this._mainTop && this.isFixed) { 3891 this.isFixed = false; 3892 this.main.style.position = 'absolute'; 3893 this.main.style.top = this._mainTopRelative + 'px'; 3894 } 3895 3896 if (_scrTop <= this._mainBottom && this.isTop) { 3897 this.titleA.style.top = -_scrTop * 0.25 + 'px'; 3898 this.titleA.style.transition = 'none'; 3899 this.titleA.style.transform = 'scale(' + (1 - _scrTop / this._mainTop * 0.27) + ')'; 3900 } else if (this.isTop) { 3901 this.titleA.style.top = -38 + 'px'; 3902 this.titleA.style.transform = 'scale(0.62)'; 3903 } 3904 3905 if (_scrTop >= this._mainBottom && !this.isTransform) { 3906 this.isTransform = true; 3907 this.header.classList.add('is-transform'); 3908 this.body.classList.add('is-headerTransform'); 3909 this.jaTitle.setAttribute('aria-hidden', 'false'); 3910 this.cloneWidgetWrapper.setAttribute('aria-hidden', 'false'); 3911 } else if (_scrTop < this._mainBottom && this.isTransform) { 3912 this.isTransform = false; 3913 this.header.classList.remove('is-transform'); 3914 this.body.classList.remove('is-headerTransform'); 3915 this.jaTitle.setAttribute('aria-hidden', 'true'); 3916 this.cloneWidgetWrapper.setAttribute('aria-hidden', 'true'); 3917 } 3918 3919 if (_scrTop >= this._mainTop && this.isFixed) { 3920 this.main.style.left = -window.pageXOffset + 'px'; 3921 } 3922 3923 this.timer = setTimeout(function () { 3924 _this3.titleA.style.transition = 'transform 0.4s, top 0.4s'; 3925 }, 100); 3926 3927 this.setProductsNavigation(this.main.getBoundingClientRect().top + this._mainHeight, window.pageYOffset); 3928 }; 3929 3930 Header.prototype.tabScrollHandler = function tabScrollHandler(_scrTop) { 3931 if (_scrTop >= this._mainTop + this._mainHeight && !this.isTransform) { 3932 this.isTransform = true; 3933 this.body.classList.add('is-headerTransform'); 3934 } else if (_scrTop < this._mainTop + this._mainHeight && this.isTransform) { 3935 this.isTransform = false; 3936 this.body.classList.remove('is-headerTransform'); 3937 } 3938 }; 3939 3940 Header.prototype.spScrollHandler = function spScrollHandler(_scrTop) { 3941 this.header.style.top = this.hederTop >= _scrTop ? this.hederTop - _scrTop + 'px' : 0 + 'px'; 3942 }; 3943 3944 Header.prototype.toggleSpNavigation = function toggleSpNavigation() { 3945 3946 if (!this.isSpNavShow) { 3947 var _height = this.spContent.clientHeight || 0; 3948 3949 var _maxHeight = this.hasImportant ? window.innerHeight - this.header.clientHeight - parseInt(this.header.style.top) : window.innerHeight - this.header.clientHeight; 3950 3951 this.isSpNavShow = true; 3952 this.body.classList.add('is-spNavShow'); 3953 this.spContent.style.maxHeight = _maxHeight + 'px'; 3954 TweenMax.set(this.spContent, { height: 'auto', 'display': 'block' }); 3955 TweenMax.from(this.spContent, 0.4, { height: _height, 'display': 'none' }); 3956 this.spContent.setAttribute('aria-hidden', 'false'); 3957 this.spContent.setAttribute('aria-expanded', 'true'); 3958 } else { 3959 this.isSpNavShow = false; 3960 this.body.classList.remove('is-spNavShow'); 3961 TweenMax.to(this.spContent, 0.4, { height: '0', 'display': 'none' }); 3962 this.spContent.setAttribute('aria-hidden', 'true'); 3963 this.spContent.setAttribute('aria-expanded', 'false'); 3964 } 3965 }; 3966 3967 Header.prototype.setProductsNavigation = function setProductsNavigation(top) { 3968 if (this.productsNavigation.flag) { 3969 this.productsNavigation.setPosition(top, window.pageYOffset); 3970 this.header.style.marginBottom = this.productsNavigation.el.clientHeight + 'px'; 3971 3972 if (window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches && !window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 3973 this.body.style.paddingTop = this.productsNavigation.el.clientHeight + this._headerHeight + 'px'; 3974 } 3975 } 3976 }; 3977 3978 return Header; 3979}(EventEmitter); 3980 3981exports.default = Header; 3982 3983},{"./_var.js":2,"./global/browser.js":7,"./megadropdown.js":17,"./productsNavigation.js":20,/*"./searchForm.js":21,*/"events":1}],15:[function(require,module,exports){ 3984'use strict'; 3985 3986exports.__esModule = true; 3987 3988function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 3989 3990var EventEmitter = require('events').EventEmitter; 3991var event = new EventEmitter(); 3992 3993var Include = function () { 3994 function Include() { 3995 _classCallCheck(this, Include); 3996 } 3997 3998 Include.header = function header() { 3999 var id = 'globalHeader'; 4000 var path = '/inc/header.html'; 4001 4002 fetchModule(id, path); 4003 }; 4004 4005 Include.footer = function footer() { 4006 var id = 'globalFooter'; 4007 var path = '/inc/footer.html'; 4008 4009 fetchModule(id, path); 4010 }; 4011 4012 return Include; 4013}();
4014 4015exports.default = Include; 4016 4017 4018function fetchModule(id, path) { 4019 var position = document.getElementById(id); 4020 4021 $.ajax({ 4022 type: 'get', 4023 url: path, 4024 async: false 4025 }).done(function (data) { 4026 var url = location.hostname; 4027 if (url == 'topics.cybozu.co.jp') { 4028 data = data.replace(/href="\//g, 'href="https://cybozu.co.jp/'); 4029 } 4030 position.insertAdjacentHTML('afterbegin', data); 4031 }).fail(function () { 4032 console.log('Include Load Error'); 4033 }); 4034} 4035 4036window.Include = Include; 4037 4038},{"events":1}],16:[function(require,module,exports){ 4039'use strict'; 4040 4041exports.__esModule = true; 4042 4043var _var2 = require('./_var.js'); 4044 4045function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 4046 4047function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 4048 4049function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 4050 4051var EventEmitter = require('events').EventEmitter; 4052 4053var LocalNavigation = function (_EventEmitter) { 4054 _inherits(LocalNavigation, _EventEmitter); 4055 4056 function LocalNavigation() { 4057 _classCallCheck(this, LocalNavigation); 4058 4059 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 4060 4061 _this.navigation = document.querySelector('.js-LocalNavigation'); 4062 _this.header = document.querySelector('.ph-PageHeader'); 4063 4064 if (_this.navigation) { 4065 _this.initialize(); 4066 } 4067 return _this; 4068 } 4069 4070 LocalNavigation.prototype.initialize = function initialize() { 4071 this.body = document.getElementsByTagName('body')[0]; 4072 this.navLv1 = this.navigation.querySelector('.ln-LocalNavigation_List'); 4073 this.itemLv1 = this.navLv1 ? this.navLv1.querySelectorAll('.ln-LocalNavigation_ListItem') : []; 4074 4075 this.navLv2 = this.navigation.querySelector('.ln-LocalNavigation_ChildList'); 4076 this.itemLv2 = this.navLv2 ? this.navLv1.querySelectorAll('.ln-LocalNavigation_ChildItem') : []; 4077 4078 this.pagePath = location.pathname.replace(/\/[^/]*$/, '\/').replace(/\/+/g, '/'); 4079 4080 this.isDeep = false; 4081 this.topCategoryName = this.navigation.querySelector('.ln-LocalNavigation_Head').innerText; 4082 this.parentCategoryName = this.topCategoryName; 4083 4084 this._DELATION = 0.4; 4085 4086 this.setCurrent(); 4087 if (this.header) { 4088 this.setSpNavBtn(); 4089 this.setSpNavigation(); 4090 this.eventHnadler(); 4091 } 4092 }; 4093 4094 LocalNavigation.prototype.setCurrent = function setCurrent() { 4095 var _this2 = this; 4096 4097 Array.prototype.forEach.call(this.itemLv1, function (e, i) { 4098 var a = e.querySelector('a'); 4099 var href = a.getAttribute('href'); 4100 4101 if (href === _this2.pagePath) { 4102 e.classList.add('is-current'); 4103 } else if (_this2.pagePath.indexOf(href) !== -1) { 4104 e.classList.add('is-parent'); 4105 _this2.parentCategoryName = a.innerText; 4106 _this2.isDeep = true; 4107 } 4108 }); 4109 Array.prototype.forEach.call(this.itemLv2, function (e, i) { 4110 if (_this2.pagePath.indexOf(e.querySelector('a').getAttribute('href')) !== -1 && _this2.isDeep) { 4111 e.classList.add('is-current'); 4112 } 4113 }); 4114 4115 if (this.isDeep) { 4116 this.navigation.classList.add('is-second'); 4117 } 4118 }; 4119 4120 LocalNavigation.prototype.setSpNavBtn = function setSpNavBtn() { 4121 this.spBtnWrapper = document.createElement('div'); 4122 this.spBtn = document.createElement('a'); 4123 4124 this.spBar = document.createElement('span'); 4125 this.spBarTop = document.createElement('span'); 4126 this.spBarMid = document.createElement('span'); 4127 this.spBarBtm = document.createElement('span'); 4128 this.spBtnText = document.createElement('span'); 4129 4130 this.spBtnWrapper.setAttribute('class', 'ja-SpLocalNavBtnWrapper'); 4131 this.spBtn.setAttribute('class', 'ja-SpLocalNavBtn'); 4132 this.spBtn.setAttribute('id', 'ja-SpLocalNavBtn'); 4133 this.spBtn.setAttribute('href', '#ja-LocalNavigation'); 4134 this.spBtn.setAttribute('role', 'tab'); 4135 4136 this.spBar.setAttribute('class', 'ja-SpLocalNavBtn_Bars'); 4137 this.spBarTop.setAttribute('class', 'ja-SpLocalNavBtn_BarTop'); 4138 this.spBarMid.setAttribute('class', 'ja-SpLocalNavBtn_BarMiddle'); 4139 this.spBarBtm.setAttribute('class', 'ja-SpLocalNavBtn_BarBottom'); 4140 this.spBtnText.setAttribute('class', 'ja-SpLocalNavBtn_Text'); 4141 this.spBtnText.insertAdjacentHTML('beforeend', this.parentCategoryName); 4142 4143 this.spBar.appendChild(this.spBarTop); 4144 this.spBar.appendChild(this.spBarMid); 4145 this.spBar.appendChild(this.spBarBtm); 4146 4147 this.spBtn.appendChild(this.spBtnText); 4148 this.spBtn.appendChild(this.spBar); 4149 this.spBtnWrapper.appendChild(this.spBtn); 4150 4151 this.header.appendChild(this.spBtnWrapper); 4152 }; 4153 4154 LocalNavigation.prototype.setSpNavigation = function setSpNavigation() { 4155 this.closeBtnArea = document.createElement('div'); 4156 this.closeBtn = document.createElement('button'); 4157 4158 this.cloneNvigation = this.navigation.cloneNode(true); 4159 this.cloneNvigation.classList.add('ja-LocalNavigation'); 4160 this.cloneNvigation.setAttribute('aria-hidden', 'true'); 4161 this.cloneNvigation.setAttribute('aria-expanded', 'true'); 4162 this.cloneNvigation.setAttribute('aria-labelledby', 'ja-SpLocalNavBtn'); 4163 this.cloneNvigation.setAttribute('role', 'tabPanel'); 4164 this.cloneNvigation.setAttribute('id', '#ja-LocalNavigation'); 4165 4166 this.closeBtnArea.setAttribute('class', 'ja-LocalNavigation_Close'); 4167 this.closeBtn.setAttribute('class', 'ja-LocalNavigation_CloseBtn'); 4168 this.closeBtn.insertAdjacentHTML('beforeend', 'éãã'); 4169 4170 this.closeBtnArea.appendChild(this.closeBtn); 4171 this.cloneNvigation.appendChild(this.closeBtnArea); 4172 4173 var itemLv1 = this.cloneNvigation.querySelectorAll('.ln-LocalNavigation_ListItem'); 4174 4175 this.header.appendChild(this.cloneNvigation); 4176 }; 4177 4178 LocalNavigation.prototype.resetStyle = function resetStyle() { 4179 this.body.classList.remove('is-spLocalNavShow'); 4180 TweenMax.set(this.cloneNvigation, { height: 0, display: 'none' }); 4181 this.cloneNvigation.setAttribute('aria-hidden', 'true'); 4182 this.cloneNvigation.setAttribute('aria-expanded', 'true'); 4183 this.spBtnText.innerText = this.parentCategoryName; 4184 }; 4185 4186 LocalNavigation.prototype.eventHnadler = function eventHnadler() { 4187 var _this3 = this; 4188 4189 this.spBtn.addEventListener('click', function (e) { 4190 _this3.toggleNavgation(); 4191 e.preventDefault(); 4192 });
4193 4194 this.closeBtn.addEventListener('click', function (e) { 4195 _this3.toggleNavgation(); 4196 e.preventDefault(); 4197 }); 4198 4199 window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').addListener(function () { 4200 _this3.resetStyle(); 4201 }, false); 4202 }; 4203 4204 LocalNavigation.prototype.toggleNavgation = function toggleNavgation() { 4205 if (this.cloneNvigation.getAttribute('aria-hidden') === 'true') { 4206 var _height = this.cloneNvigation.clientHeight || 0; 4207 this.body.classList.add('is-spLocalNavShow'); 4208 TweenMax.set(this.cloneNvigation, { display: 'block', height: 'auto' }); 4209 TweenMax.from(this.cloneNvigation, this._DELATION, { height: _height }); 4210 this.cloneNvigation.setAttribute('aria-hidden', 'false'); 4211 this.cloneNvigation.setAttribute('aria-expanded', 'false'); 4212 this.spBtnText.innerText = 'éãã'; 4213 } else { 4214 this.body.classList.remove('is-spLocalNavShow'); 4215 TweenMax.to(this.cloneNvigation, this._DELATION, { height: 0, display: 'none' }); 4216 this.cloneNvigation.setAttribute('aria-hidden', 'true'); 4217 this.cloneNvigation.setAttribute('aria-expanded', 'true'); 4218 this.spBtnText.innerText = this.parentCategoryName; 4219 } 4220 }; 4221 4222 return LocalNavigation; 4223}(EventEmitter); 4224 4225exports.default = LocalNavigation; 4226 4227},{"./_var.js":2,"events":1}],17:[function(require,module,exports){ 4228'use strict'; 4229 4230exports.__esModule = true; 4231 4232var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); 4233 4234var _browser = require('./global/browser.js'); 4235 4236var _var2 = require('./_var.js'); 4237 4238var _strheight = require('./global/strheight.js'); 4239 4240var _strheight2 = _interopRequireDefault(_strheight); 4241 4242function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 4243 4244function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 4245 4246function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 4247 4248function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 4249 4250var EventEmitter = require('events').EventEmitter; 4251 4252var eventTypes = ['touch', 'pointer', 'MSPointer']; 4253var events = { 4254 start: { 4255 touch: 'touchstart', 4256 pointer: 'pointerdown', 4257 MSPointer: 'MSPointerDown' 4258 }, 4259 move: { 4260 touch: 'touchmove', 4261 pointer: 'pointermove', 4262 MSPointer: 'MSPointerDown' 4263 }, 4264 end: { 4265 touch: 'touchend', 4266 pointer: 'pointerup', 4267 MSPointer: 'MSPointerUp' 4268 } 4269}; 4270 4271var MegaDropdown = function (_EventEmitter) { 4272 _inherits(MegaDropdown, _EventEmitter); 4273 4274 function MegaDropdown() { 4275 _classCallCheck(this, MegaDropdown); 4276 4277 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 4278 4279 _this.navigation = document.querySelector('.st-Header_Navigation'); 4280 4281 if (_this.navigation) { 4282 _this.initialize(); 4283 } 4284 return _this; 4285 } 4286 4287 MegaDropdown.prototype.initialize = function initialize() { 4288 this.body = document.getElementsByTagName('body')[0]; 4289 this.main = document.querySelector('.st-Header_Main'); 4290 this.link = this.navigation.querySelectorAll('.st-Header_NavigationLink'); 4291 this.button = this.navigation.querySelectorAll('.js-NavigationBtn'); 4292 this.detail = this.navigation.querySelectorAll('.st-NavigationItem_Detail'); 4293 4294 this.logo = document.querySelector('.st-Header_SiteTitle'); 4295 4296 this.close = this.navigation.querySelectorAll('.js-MegaDropClose'); 4297 4298 this._borderHeight = 4; 4299 this._DELATION = 0.4; 4300 4301 this.setStyle(); 4302 4303 this.mainAnimation = null; 4304 this.showTarget = null; 4305 this.openTimer = null; 4306 this.isOpen = false; 4307 4308 this.isOnNavigation = false; 4309 4310 this.logoMinTimer = null; 4311 this.logoOnTimer = null; 4312 4313 this.DELAY = 200; 4314 4315 this.onButton = false; 4316 this.showTimer = null; 4317 this.hideTimer = null; 4318 this.lastDelayLoc = null; 4319 this.mouseLocs = []; 4320 this.MOUSE_LOCS_TRACKED = 3; 4321 this.hideDelay = 0; 4322 4323 this.arrowHide = false; 4324 4325 this.strS = ['.st-NavigationItem_MainItem']; 4326 this.strM = {}; 4327 this.strO = { 4328 checkInterval: 100, 4329 liquid: true 4330 }; 4331 4332 this.strheight = new _strheight2.default(this.strS, this.strM, this.strO); 4333 4334 this.eventHandler(); 4335 }; 4336 4337 MegaDropdown.prototype.setStyle = function setStyle() { 4338 this.body.classList.remove('is-mdOpen'); 4339 this.main.removeAttribute('style'); 4340 Array.prototype.forEach.call(this.button, function (el, i) { 4341 el.classList.remove('is-open'); 4342 });
4343 Array.prototype.forEach.call(this.detail, function (el, i) { 4344 el.setAttribute('aria-expanded', 'false'); 4345 el.setAttribute('aria-hidden', 'true'); 4346 }); 4347 4348 Array.prototype.forEach.call(this.detail, function (el, i) { 4349 el.removeAttribute('style'); 4350 }, false); 4351 4352 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').matches) { 4353 this.main.style.paddingBottom = '4px'; 4354 } 4355 }; 4356 4357 MegaDropdown.prototype.eventHandler = function eventHandler() { 4358 var _this2 = this; 4359 4360 document.addEventListener('mousemove', function (ev) { 4361 _this2.saveMouseLoc(ev); 4362 }, false); 4363 4364 this.navigation.addEventListener('mouseenter', function (ev) { 4365 _this2.isOnNavigation = true; 4366 }, false); 4367 this.logo.addEventListener('mouseenter', function (ev) { 4368 _this2.isOnNavigation = true; 4369 if (_this2.logoOnTimer) { 4370 clearTimeout(_this2.logoOnTimer); 4371 _this2.logoOnTimer = null; 4372 } 4373 _this2.logoOnTimer = setTimeout(function () { 4374 _this2.body.classList.remove('is-mdOpen'); 4375 _this2.hideDropdown(); 4376 _this2.logoOnTimer = null; 4377 }, _this2.DELAY); 4378 }, false); 4379 4380 Array.prototype.forEach.call(this.detail, function (el, i) { 4381 el.addEventListener('mouseenter', function (ev) { 4382 if (_this2.body.classList.contains('is-mdOpen')) { 4383 var button = event.target.closest('.st-NavigationItem'); 4384 var a = button.querySelector('.js-NavigationBtn a'); 4385 _this2.showDropdown(a, 0); 4386 } 4387 }, false); 4388 }); 4389 4390 this.navigation.addEventListener('mouseleave', function (ev) { 4391 _this2.isOnNavigation = false; 4392 if (_this2.logoMinTimer) { 4393 clearTimeout(_this2.logoMinTimer); 4394 _this2.logoMinTimer = null; 4395 } 4396 _this2.logoMinTimer = setTimeout(function () { 4397 if (!_this2.isOnNavigation) { 4398 _this2.body.classList.remove('is-mdOpen'); 4399 _this2.hideDropdown(); 4400 _this2.logoMinTimer = null; 4401 } 4402 }, 4); 4403 }, false); 4404 4405 eventTypes.forEach(function (type) { 4406 Array.prototype.forEach.call(_this2.close, function (el, i) { 4407 el.addEventListener(events.end[type], function (ev) { 4408 var a = _this2.navigation.querySelector('.is-open a'); 4409 _this2.body.classList.remove('is-mdOpen'); 4410 _this2.removeIsOpen(a); 4411 _this2.hideDropdown(); 4412 ev.stopPropagation(); 4413 ev.preventDefault(); 4414 }, false); 4415 }); 4416 }); 4417 4418 Array.prototype.forEach.call(this.close, function (el, i) { 4419 el.addEventListener('click', function (ev) { 4420 var a = _this2.navigation.querySelector('.is-open a'); 4421 _this2.body.classList.remove('is-mdOpen'); 4422 _this2.removeIsOpen(a); 4423 _this2.hideDropdown(); 4424 ev.stopPropagation(); 4425 ev.preventDefault(); 4426 }, false); 4427 }); 4428 4429 Array.prototype.forEach.call(this.button, function (el, i) { 4430 var a = el.querySelector('a'); 4431 4432 el.addEventListener('mouseenter', function () { 4433 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 4434 _this2.onButton = true; 4435 _this2.mouseenterMenu(a); 4436 } 4437 }, false); 4438 4439 eventTypes.forEach(function (type) { 4440 a.addEventListener(events.start[type], function (ev) { 4441 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 4442 _this2.onButton = true; 4443 _this2.mouseenterMenu(a); 4444 ev.stopPropagation(); 4445 ev.preventDefault(); 4446 } 4447 }, false); 4448 a.addEventListener(events.end[type], function (ev) { 4449 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 4450 ev.stopPropagation(); 4451 ev.preventDefault(); 4452 } 4453 }, false); 4454 }); 4455 4456 el.parentNode.addEventListener('mouseleave', function () { 4457 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 4458 _this2.onButton = false; 4459 _this2.arrowHide = true; 4460 _this2.mouseenterLeave(a); 4461 } 4462 }, false); 4463 4464 el.parentNode.addEventListener('mouseenter', function () { 4465 if (!window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 4466 _this2.arrowHide = false; 4467 } 4468 }, false); 4469 // el.querySelector('a').addEventListener('mouseenter', () => { 4470 // if(!window.matchMedia('(max-width: '+_var.BP_SPL+'px)').matches){ 4471 // this.mouseenterMenu(a); 4472 // } 4473 // }, false); 4474 });
4475 4476 window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').addListener(function () { 4477 _this2.setStyle(); 4478 }, false); 4479 window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').addListener(function () { 4480 _this2.setStyle(); 4481 }, false); 4482 }; 4483 4484 MegaDropdown.prototype.saveMouseLoc = function saveMouseLoc(ev) { 4485 this.mouseLocs.push({ x: ev.pageX, y: ev.pageY }); 4486 4487 if (this.mouseLocs.length > this.MOUSE_LOCS_TRACKED) { 4488 this.mouseLocs.shift(); 4489 } 4490 }; 4491 4492 MegaDropdown.prototype.mouseenterMenu = function mouseenterMenu(el) { 4493 if (this.logoOnTimer) { 4494 clearTimeout(this.logoOnTimer); 4495 this.logoOnTimer = null; 4496 } 4497 if (this.logoMinTimer) { 4498 clearTimeout(this.logoMinTimer); 4499 this.logoMinTimer = null; 4500 } 4501 if (this.showTimer) { 4502 clearTimeout(this.showTimer); 4503 } 4504 4505 if (!this.isOpen) { 4506 this.showDropdown(el, this.DELAY); 4507 } else { 4508 this.delayDropdownShow(el); 4509 } 4510 }; 4511 4512 MegaDropdown.prototype.mouseenterLeave = function mouseenterLeave(el) { 4513 if (this.hideTimer) { 4514 clearTimeout(this.hideTimer); 4515 } 4516 4517 if (this.openTimer) { 4518 clearTimeout(this.openTimer); 4519 this.openTimer = null; 4520 } 4521 4522 this.delayDropdownHide(el); 4523 }; 4524 4525 MegaDropdown.prototype.delayDropdownShow = function delayDropdownShow(el) { 4526 var _this3 = this; 4527 4528 if (this.logoMinTimer) { 4529 clearTimeout(this.logoMinTimer); 4530 this.logoMinTimer = null; 4531 } 4532 if (this.showTimer) { 4533 clearTimeout(this.showTimer); 4534 this.showTimer = null; 4535 } 4536 if (this.hideTimer) { 4537 clearTimeout(this.hideTimer); 4538 this.hideTimer = null; 4539 } 4540 4541 if (this.hideDelay) { 4542 this.showTimer = setTimeout(function () { 4543 _this3.hideDelay = 0; 4544 _this3.delayDropdownShow(el); 4545 }, this.hideDelay); 4546 } else if (this.onButton) { 4547 this.showDropdown(el, 0); 4548 } 4549 }; 4550 4551 MegaDropdown.prototype.delayDropdownHide = function delayDropdownHide(el) { 4552 var _this4 = this; 4553 4554 if (this.hideTimer) { 4555 clearTimeout(this.hideTimer); 4556 this.hideTimer = null; 4557 } 4558 if (this.showTimer) { 4559 clearTimeout(this.showTimer); 4560 this.showTimer = null; 4561 } 4562 4563 this.hideDelay = this.activationDelay; 4564 4565 if (this.hideDelay) { 4566 this.hideTimer = setTimeout(function () { 4567 _this4.hideDelay = 0; 4568 _this4.delayDropdownHide(el); 4569 }, this.hideDelay); 4570 } else if (this.arrowHide) { 4571 this.removeIsOpen(el, 0); 4572 } 4573 }; 4574 4575 MegaDropdown.prototype.showDropdown = function showDropdown(el, _delay) { 4576 var _this5 = this; 4577 4578 var element = el; 4579 var targetID = el.getAttribute('aria-controls'); 4580 var target = document.getElementById(targetID); 4581 4582 var nonTarget = Array.prototype.filter.call(this.detail, function (el, i) { 4583 return el != target; 4584 }, false); 4585 4586 var nonButton = Array.prototype.filter.call(this.link, function (el, i) { 4587 return el != element; 4588 }, false); 4589 4590 if (this.logoOnTimer) { 4591 clearTimeout(this.logoOnTimer); 4592 this.logoOnTimer = null; 4593 } 4594 if (this.logoMinTimer) { 4595 clearTimeout(this.logoMinTimer); 4596 this.logoMinTimer = null; 4597 } 4598 4599 nonTarget.forEach(function (el, i) { 4600 el.style.zIndex = '0'; 4601 }); 4602 4603 target.style.display = 'block'; 4604 target.style.zIndex = '1'; 4605 4606 if (this.showTarget !== target) { 4607 target.style.opacity = '0'; 4608 } 4609 if (this.openTimer) { 4610 clearTimeout(this.openTimer); 4611 this.openTimer = null; 4612 } 4613 4614 this.strheight.refresh(); 4615 4616 var _mainPadding = parseInt(this.main.style.paddingBottom); 4617 var _targetHeight = target.clientHeight + this._borderHeight; 4618 this.isOpen = _mainPadding > this._borderHeight; 4619 4620 this.showTarget = target; 4621 4622 if (this.mainAnimation) { 4623 this.mainAnimation.pause(); 4624 } 4625 4626 if (this.isOpen) { 4627 this.mainAnimation = TweenMax.to(target, this._DELATION, { 4628 css: { autoAlpha: 1 }, 4629 onComplete: function onComplete() { 4630 nonTarget.forEach(function (el, i) { 4631 el.style.display = 'none'; 4632 }); 4633 } 4634 }); 4635 } else { 4636 TweenMax.set(target, { autoAlpha: 1 }); 4637 } 4638 4639 this.openTimer = setTimeout(function () { 4640 _this5.body.classList.add('is-mdOpen'); 4641 el.parentNode.classList.add('is-open'); 4642 nonButton.forEach(function (el, i) { 4643 el.parentNode.classList.remove('is-open'); 4644 }); 4645 target.setAttribute('aria-expanded', 'true'); 4646 target.setAttribute('aria-hidden', 'false'); 4647 _this5.isOpen = true; 4648 TweenMax.to(_this5.main, _this5._DELATION, { 4649 css: { paddingBottom: _targetHeight }, 4650 onComplete: function onComplete() {} 4651 }); 4652 }, _delay); 4653 4654 this.lastDelayLoc = null; 4655 return 0; 4656 }; 4657 4658 MegaDropdown.prototype.removeIsOpen = function removeIsOpen(el) { 4659 var _this6 = this; 4660 4661 var targetID = el.getAttribute('aria-controls'); 4662 this.target = document.getElementById(targetID); 4663 4664 if (this.openTimer) { 4665 clearTimeout(this.openTimer); 4666 this.openTimer = null; 4667 } 4668 if (this.logoMinTimer) { 4669 clearTimeout(this.logoMinTimer); 4670 this.logoMinTimer = null; 4671 } 4672 this.logoMinTimer = setTimeout(function () { 4673 _this6.body.classList.remove('is-mdOpen'); 4674 _this6.hideDropdown(); 4675 _this6.logoMinTimer = null; 4676 }, this.DELAY); 4677 4678 el.parentNode.classList.remove('is-open'); 4679 this.target.setAttribute('aria-expanded', 'false'); 4680 this.target.setAttribute('aria-hidden', 'true'); 4681 }; 4682 4683 MegaDropdown.prototype.hideDropdown = function hideDropdown() { 4684 var _this7 = this; 4685 4686 if (this.logoMinTimer) { 4687 clearTimeout(this.logoMinTimer); 4688 this.logoMinTimer = null; 4689 } 4690 if (this.logoOnTimer) { 4691 clearTimeout(this.logoOnTimer); 4692 this.logoOnTimer = null; 4693 } 4694 if (this.mainAnimation) { 4695 this.mainAnimation.pause(); 4696 } 4697 4698 this.mainAnimation = TweenMax.to(this.main, this._DELATION, { 4699 css: { paddingBottom: this._borderHeight }, 4700 onComplete: function onComplete() { 4701 if (_this7.target) { 4702 _this7.target.style.display = 'none'; 4703 _this7.showTarget = null; 4704 _this7.isOpen = false; 4705 } 4706 } 4707 });
4708 }; 4709 4710 _createClass(MegaDropdown, [{ 4711 key: 'activationDelay', 4712 get: function get() { 4713 var width = this.navigation.clientWidth; 4714 var height = this.navigation.clientHeight; 4715 var offset = { 4716 top: this.navigation.getBoundingClientRect().top + window.pageYOffset, 4717 left: this.navigation.getBoundingClientRect().left + window.pageXOffset 4718 }; 4719 var upperLeft = { 4720 x: offset.left, 4721 y: offset.top 4722 }; 4723 var upperRight = { 4724 x: offset.left + width, 4725 y: upperLeft.y 4726 }; 4727 var lowerLeft = { 4728 x: upperLeft.x, 4729 y: offset.top + height 4730 }; 4731 var lowerRight = { 4732 x: upperRight.x, 4733 y: lowerLeft.y 4734 }; 4735 var loc = this.mouseLocs[this.mouseLocs.length - 1]; 4736 var prevLoc = this.mouseLocs[0]; 4737 4738 if (!loc) { 4739 return 0; 4740 } 4741 4742 if (!prevLoc) { 4743 prevLoc = loc; 4744 } 4745 4746 if (prevLoc.x < upperLeft.x || prevLoc.x > lowerRight.x || prevLoc.y < offset.top || prevLoc.y > lowerRight.y) { 4747 return 0; 4748 } 4749 4750 if (this.lastDelayLoc && loc.x == this.lastDelayLoc.x && loc.y == this.lastDelayLoc.y) { 4751 return 0; 4752 } 4753 4754 function slope(a, b) { 4755 return (b.y - a.y) / (b.x - a.x); 4756 } 4757 4758 var decreasingCorner = lowerRight; 4759 var increasingCorner = lowerLeft; 4760 4761 var decreasingSlope = slope(loc, decreasingCorner); 4762 var increasingSlope = slope(loc, increasingCorner); 4763 var prevDecreasingSlope = slope(prevLoc, decreasingCorner); 4764 var prevIncreasingSlope = slope(prevLoc, increasingCorner); 4765 4766 if (decreasingSlope < prevDecreasingSlope && increasingSlope > prevIncreasingSlope) { 4767 this.lastDelayLoc = loc; 4768 return this.DELAY; 4769 } 4770 4771 this.lastDelayLoc = null; 4772 return 0; 4773 } 4774 }]); 4775 4776 return MegaDropdown; 4777}(EventEmitter); 4778 4779exports.default = MegaDropdown; 4780 4781},{"./_var.js":2,"./global/browser.js":7,"./global/strheight.js":12,"events":1}],18:[function(require,module,exports){ 4782'use strict'; 4783 4784exports.__esModule = true; 4785 4786function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 4787 4788function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 4789 4790function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 4791 4792var EventEmitter = require('events').EventEmitter; 4793 4794var NewsFilter = function (_EventEmitter) { 4795 _inherits(NewsFilter, _EventEmitter); 4796 4797 function NewsFilter() { 4798 _classCallCheck(this, NewsFilter); 4799 4800 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 4801 4802 _this.widget = document.querySelector('.js-NewsWidget'); 4803 4804 if (_this.widget) { 4805 _this.initialize(); 4806 } 4807 return _this; 4808 } 4809 4810 NewsFilter.prototype.initialize = function initialize() { 4811 this._DELATION = 0.4; 4812 4813 this.filter = document.querySelector('.js-NewsWidget_Filter'); 4814 this.categoryFilter = document.querySelector('.js-NewsWidget_Category'); 4815 4816 this.inputCategory = this.categoryFilter.querySelectorAll('input'); 4817 this.inputAll = this.widget.querySelector('.js-NewsWidget_Checkbox-all'); 4818 this.label = this.widget.querySelectorAll('.nr-Widget_Label'); 4819 4820 this.item = document.querySelectorAll('.js-SortItem'); 4821 4822 this.unselectCategory = []; 4823 4824 this.eventHandler(); 4825 }; 4826 4827 NewsFilter.prototype.eventHandler = function eventHandler() { 4828 var _this2 = this; 4829 4830 Array.prototype.forEach.call(this.inputCategory, function (el, i) { 4831 el.addEventListener('change', function () { 4832 _this2.selectFilter(el); 4833 }, false); 4834 });
4835 4836 this.inputAll.addEventListener('change', function () { 4837 if (_this2.inputAll.checked) _this2.removeFilter(); 4838 }, false); 4839 }; 4840 4841 NewsFilter.prototype.removeFilter = function removeFilter() { 4842 Array.prototype.forEach.call(this.inputCategory, function (el, i) { 4843 el.checked = false; 4844 el.setAttribute('aria-checked', 'false'); 4845 }); 4846 this.inputAll.setAttribute('aria-checked', 'true'); 4847 this.selectFilter(); 4848 }; 4849 4850 NewsFilter.prototype.selectFilter = function selectFilter(el) { 4851 var filtering = Array.prototype.some.call(this.inputCategory, function (e, i, a) { 4852 return e.checked; 4853 }); 4854 4855 if (!filtering) { 4856 this.inputAll.checked = true; 4857 } else { 4858 this.inputAll.checked = false; 4859 } 4860 4861 this.inputAll.setAttribute('aria-checked', this.inputAll.checked); 4862 if (el) { 4863 el.setAttribute('aria-checked', el.checked); 4864 } 4865 4866 this.unselectCategory = Array.prototype.map.call(this.inputCategory, function (e) { 4867 var category = void 0; 4868 if (!e.checked) { 4869 category = e.getAttribute('id').replace('checkbox-', ''); 4870 } else { 4871 category = ""; 4872 } 4873 return category; 4874 }).filter(function (e) { 4875 return e !== ""; 4876 }); 4877 4878 this.toggleItem(); 4879 }; 4880 4881 NewsFilter.prototype.toggleItem = function toggleItem() { 4882 var _this3 = this; 4883 4884 Array.prototype.forEach.call(this.item, function (el, i) { 4885 var category = el.getAttribute('data-category'); 4886 var _height = el.clientHeight; 4887 4888 var unmatchCategory = _this3.unselectCategory.some(function (e, i, a) { 4889 return e === category; 4890 }); 4891 4892 if (!unmatchCategory || _this3.unselectCategory.length === 4) { 4893 TweenMax.set(el, { display: 'block', height: 'auto' }); 4894 TweenMax.from(el, _this3._DELATION, { height: _height }); 4895 } else { 4896 TweenMax.to(el, _this3._DELATION, { height: 0, display: 'none' }); 4897 } 4898 }); 4899 }; 4900 4901 return NewsFilter; 4902}(EventEmitter); 4903 4904exports.default = NewsFilter; 4905 4906},{"events":1}],19:[function(require,module,exports){ 4907'use strict'; 4908 4909exports.__esModule = true; 4910 4911var _browser = require('./global/browser.js'); 4912 4913var _var2 = require('./_var.js'); 4914 4915function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 4916 4917function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 4918 4919function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 4920 4921var EventEmitter = require('events').EventEmitter; 4922 4923var PartnerFilter = function (_EventEmitter) { 4924 _inherits(PartnerFilter, _EventEmitter); 4925 4926 function PartnerFilter() { 4927 _classCallCheck(this, PartnerFilter); 4928 4929 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 4930 4931 _this.widget = document.querySelector('.js-PartnerWidget'); 4932 4933 if (_this.widget) { 4934 _this.initialize(); 4935 } 4936 return _this; 4937 } 4938 4939 PartnerFilter.prototype.initialize = function initialize() { 4940 var _this2 = this; 4941 4942 this.widgetArea = this.widget.querySelector('.js-PartnerWidget_Area'); 4943 this.widgetCloud = this.widget.querySelectorAll('.js-PartnerWidget_Cloud label'); 4944 this.widgetPackage = this.widget.querySelectorAll('.js-PartnerWidget_Package label'); 4945 this.widgetMenu = this.widget.querySelectorAll('.js-PartnerWidget_Menu label'); 4946 4947 this.widgetOptions = this.widgetArea.querySelectorAll('option'); 4948 4949 this.partnerWrapper = document.querySelector('.js-PartnerWrapper'); 4950 this.partners = this.partnerWrapper.querySelectorAll('.pp-Partner'); 4951 4952 this.btnWrapper = document.querySelector('.pp-Search'); 4953 this.btn = document.querySelector('.js-Partner_Btn'); 4954 4955 this.isFirst = true; 4956 4957 this.eachPartners = []; 4958 4959 addChecklistData () 4960 Array.prototype.forEach.call(this.partners, function (el, i) { 4961 var eachPartner = new EachPartner(el); 4962 _this2.eachPartners.push(eachPartner); 4963 });
4964 4965 this.partnerMap = new PartnerMap(); 4966 this.eventHandler(); 4967 }; 4968 4969 function addChecklistData () { 4970 var trProductsDataList = ["Office", "Garoon", "kintone", "ã¡ã¼ã«ã¯ã¤ãº", "ããã¨", "ãªã¢ã¼ããµã¼ãã¹"] 4971 var trMenuDataList = ["販売･ææ¡å¶æ¥", "ãµã¼ãã¼æ§ç¯ï½¥è¨å®", "éçº", "æè²"] 4972 4973 var listTbProduct = $('.pp-Partner_Table-Products') 4974 for (let i = 0; i < listTbProduct.length; i++) { 4975 var tr = listTbProduct.eq(i).find('tr'); 4976 for (let j = 0; j < tr.length; j++) { 4977 var td= tr.eq(j).find('td') 4978 for (let k = 0; k < td.length; k++) { 4979 var src= td.eq(k).find('img').attr("src") 4980 var data = "" 4981 switch (j) { 4982 case 0: 4983 data = trProductsDataList[j] 4984 break; 4985 case 1: 4986 data = trProductsDataList[j] 4987 break; 4988 case 2: 4989 data = trProductsDataList[j] 4990 break; 4991 case 3: 4992 data = trProductsDataList[j] 4993 break; 4994 case 4: 4995 data = trProductsDataList[j] 4996 break; 4997 case 5: 4998 data = trProductsDataList[j] 4999 break; 5000 5001 default: 5002 break; 5003 } 5004 var span = '<span style="display:none;">'+data+'</span>' 5005 if(src=== 'img/circle.svg') td.eq(k).append(span) 5006 } 5007 } 5008 } 5009 var listsTbMenu = $('.pp-Partner_Table-Menu') 5010 for (let i = 0; i < listsTbMenu.length; i++) { 5011 var tr = listsTbMenu.eq(i).find('tr'); 5012 for (let j = 0; j < tr.length; j++) { 5013 var td= tr.eq(j).find('td') 5014 var src= td.find('img').attr("src") 5015 var data = "" 5016 switch (j) { 5017 case 0: 5018 data = trMenuDataList[j] 5019 break; 5020 case 1: 5021 data = trMenuDataList[j] 5022 break; 5023 case 2: 5024 data = trMenuDataList[j] 5025 break; 5026 case 3: 5027 data = trMenuDataList[j] 5028 break; 5029 5030 default: 5031 break; 5032 } 5033 var span = '<span style="display:none;">'+data+'</span>' 5034 if(src=== 'img/circle.svg') td.append(span) 5035 } 5036 } 5037} 5038 5039 PartnerFilter.prototype.eventHandler = function eventHandler() { 5040 var _this3 = this; 5041 5042 this.btn.addEventListener('click', function (ev) { 5043 _this3.filtering(); 5044 ev.preventDefault(); 5045 }); 5046 }; 5047 5048 PartnerFilter.prototype.filtering = function filtering() { 5049 var area = Array.prototype.map.call(this.widgetOptions, function (e, i) { 5050 var text = e.selected ? e.text : ''; 5051 return text; 5052 }).filter(function (e) { 5053 return e !== ''; 5054 }); 5055 var cloud = this.createArray(this.widgetCloud); 5056 var packag = this.createArray(this.widgetPackage); 5057 var menu = this.createArray(this.widgetMenu); 5058 5059 this.eachPartners.forEach(function (e, i) { 5060 e.filtering(area, cloud, packag, menu); 5061 }); 5062 5063 var ww = $(window).width() 5064 var headerTableTop = ww < 768 ? 56 : ww >= 768 &&ww <= 991 ? 0 : 60 5065 var header = 5066 !$('.pp-Search').hasClass('is-search')&&ww < 992 ? headerTableTop-40 : 5067 !$('.pp-Search').hasClass('is-search')?0:headerTableTop 5068 5069 if (this.isFirst) { 5070 this.isFirst = false; 5071 5072 this.btnWrapper.classList.add('is-search'); 5073 TweenMax.set(this.partnerWrapper, { height: 'auto', display: 'block' }); 5074 TweenMax.from(this.partnerWrapper, 0.4, { 5075 css: { height: 0 } 5076 }); 5077 } 5078 var _to = document.querySelector('.pp-Search').getBoundingClientRect().top + window.pageYOffset; 5079 TweenMax.to(window, 0.6, { scrollTo: _to+chechkHeaderTableFix()-header }); 5080 }; 5081 5082 PartnerFilter.prototype.createArray = function createArray(arr) { 5083 return Array.prototype.map.call(arr, function (e, i) { 5084 var input = document.getElementById(e.getAttribute('for')); 5085 var text = input.checked ? e.innerText : ''; 5086 return text; 5087 }).filter(function (e) { 5088 return e !== ''; 5089 });
5090 }; 5091 5092 return PartnerFilter; 5093}(EventEmitter); 5094 5095exports.default = PartnerFilter; 5096 5097var EachPartner = function (_EventEmitter2) { 5098 _inherits(EachPartner, _EventEmitter2); 5099 5100 function EachPartner(el) { 5101 _classCallCheck(this, EachPartner); 5102 5103 var _this4 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 5104 5105 _this4.el = el; 5106 5107 _this4.partnerArea = _this4.el.querySelectorAll('.pp-Partner_List-area li'); 5108 _this4.partnerCloud = _this4.el.querySelectorAll('.pp-Partner_Table-Products tr'); 5109 _this4.partnerPackage = _this4.el.querySelectorAll('.pp-Partner_Table-Products tr'); 5110 _this4.partnerMenu = _this4.el.querySelectorAll('.pp-Partner_Table-Menu tr'); 5111 5112 _this4.btn = _this4.el.querySelector('.pp-Partner_Btn'); 5113 _this4.detail = _this4.el.querySelector('.pp-Partner_Detail'); 5114 5115 _this4.isDetailShow = false; 5116 5117 _this4.area = Array.prototype.map.call(_this4.partnerArea, function (e, i) { 5118 return e.innerText; 5119 }); 5120 5121 _this4.cloud = Array.prototype.map.call(_this4.partnerCloud, function (e, i) { 5122 var td = e.querySelectorAll('td')[0] 5123 var val = $($.parseHTML(td.outerHTML)[0]).find('span').html() 5124 return val 5125 }); 5126 _this4.cloud= filterUndefinedValue(_this4.cloud) 5127 5128 _this4.package = Array.prototype.map.call(_this4.partnerPackage, function (e, i) { 5129 var td = e.querySelectorAll('td')[1] 5130 var val = $($.parseHTML(td.outerHTML)[0]).find('span').html() 5131 return val 5132 }); 5133 _this4.package= filterUndefinedValue(_this4.package) 5134 5135 _this4.menu = Array.prototype.map.call(_this4.partnerMenu, function (e, i) { 5136 var td = e.querySelectorAll('td')[0] 5137 var val = $($.parseHTML(td.outerHTML)[0]).find('span').html() 5138 return val 5139 }); 5140 _this4.menu= filterUndefinedValue(_this4.menu) 5141 5142 function filterUndefinedValue (arr) { 5143 return arr.filter(function(item) { 5144 return item !== undefined ; 5145 }); 5146 } 5147 5148 _this4.detail.setAttribute('aria-hidden', 'true'); 5149 _this4.detail.setAttribute('aria-expanded', 'false'); 5150 5151 _this4.eventHandler(); 5152 return _this4; 5153 } 5154 5155 EachPartner.prototype.eventHandler = function eventHandler() { 5156 var _this5 = this; 5157 5158 this.btn.addEventListener('click', function (ev) { 5159 _this5.toggleDetail(); 5160 ev.preventDefault(); 5161 }); 5162 }; 5163 5164 EachPartner.prototype.filtering = function filtering(area, cloud, packag, menu) { 5165 var _this6 = this; 5166 5167 var matchArea = this.area.includes('å ¨å½') || area.length === 0 ? true : this.area.some(function (e, i, a) { 5168 return area.includes(e); 5169 }); 5170 5171 var matchCloud = !cloud.map(function (e, i, a) { 5172 return _this6.cloud.includes(e); 5173 }).some(function (e, i, a) { 5174 return !e; 5175 }); 5176 5177 var matchPackage = !packag.map(function (e, i, a) { 5178 return _this6.package.includes(e); 5179 }).some(function (e, i, a) { 5180 return !e; 5181 }); 5182 5183 var matchMenu = !menu.map(function (e, i, a) { 5184 return _this6.menu.includes(e); 5185 }).some(function (e, i, a) { 5186 return !e; 5187 }); 5188 5189 var bool = matchArea && matchCloud && matchPackage && matchMenu; 5190 5191 var _height = this.el.clientHeight || 0; 5192 5193 if (bool) { 5194 TweenMax.set(this.el, { height: 'auto', display: 'block' }); 5195 TweenMax.from(this.el, 0.4, { 5196 css: { height: _height } 5197 }); 5198 } else { 5199 TweenMax.set(this.el, { height: _height }); 5200 TweenMax.to(this.el, 0.4, { 5201 css: { height: 0, display: 'none' }, 5202 onComplete: function onComplete() { 5203 _this6.detail.style.display = 'none'; 5204 } 5205 }); 5206 } 5207 this.el.setAttribute('aria-hidden', !bool); 5208 }; 5209 5210 EachPartner.prototype.toggleDetail = function toggleDetail() { 5211 5212 var _height = this.detail.clientHeight || 0; 5213 5214 if (!this.isDetailShow) { 5215 this.isDetailShow = true; 5216 5217 this.btn.classList.add('is-open'); 5218 this.btn.innerText = 'éãã'; 5219 5220 TweenMax.set(this.detail, { height: 'auto', display: 'block' }); 5221 TweenMax.from(this.detail, 0.3, { 5222 css: { height: _height } 5223 }); 5224 } else { 5225 this.isDetailShow = false; 5226 5227 this.btn.classList.remove('is-open'); 5228 this.btn.innerText = '詳細'; 5229 5230 TweenMax.to(this.detail, 0.3, { 5231 css: { height: 0, display: 'none' } 5232 }); 5233 } 5234 5235 this.detail.setAttribute('aria-hidden', !this.isDetailShow); 5236 this.detail.setAttribute('aria-expanded', this.isDetailShow); 5237 }; 5238 5239 return EachPartner; 5240}(EventEmitter); 5241 5242var PartnerMap = function (_EventEmitter3) { 5243 _inherits(PartnerMap, _EventEmitter3); 5244 5245 function PartnerMap() { 5246 _classCallCheck(this, PartnerMap); 5247 5248 var _this7 = _possibleConstructorReturn(this, _EventEmitter3.call(this)); 5249 5250 _this7.wrapper = document.querySelector('.js-PartnerWidget_AreaWrapper'); 5251 _this7.select = _this7.wrapper.querySelector('.js-PartnerWidget_Area'); 5252 _this7.options = _this7.select.querySelectorAll('option'); 5253 5254 _this7.placeholder = _this7.options[0].text; 5255 5256 _this7.svgArea = document.querySelector('.js-PartnerWidget_MapImage'); 5257 5258 if (!_browser._browser.pc) { 5259 _this7.changeMap();
5260 } 5261 5262 _this7.parseSVG(); 5263 return _this7; 5264 } 5265 5266 PartnerMap.prototype.parseSVG = function parseSVG() { 5267 var _this8 = this; 5268 5269 var img = this.svgArea.querySelector('img'); 5270 var src = img.getAttribute('src'); 5271 5272 $(this.svgArea).load(src + ' svg', function () { 5273 $(img).remove(); 5274 5275 _this8.mapRectWrapper = _this8.svgArea.querySelector('g'); 5276 _this8.mapRects = _this8.mapRectWrapper.querySelectorAll('path'); 5277 Array.prototype.forEach.call(_this8.mapRects, function (e, i) { 5278 e.setAttribute('aria-selected', 'false'); 5279 }); 5280 5281 _this8.createMapText(); 5282 }); 5283 }; 5284 5285 PartnerMap.prototype.createMapText = function createMapText() { 5286 this.text = document.createElement('div'); 5287 this.text.setAttribute('class', 'ja-PartnerWidget_MapText'); 5288 this.text.insertAdjacentHTML('afterbegin', this.placeholder); 5289 5290 this.wrapper.appendChild(this.text); 5291 5292 this.eventHandler(); 5293 }; 5294 5295 PartnerMap.prototype.eventHandler = function eventHandler() { 5296 var _this9 = this; 5297 5298 Array.prototype.forEach.call(this.mapRects, function (e, i) { 5299 e.addEventListener('click', function () { 5300 _this9.toggleSelect(e); 5301 }); 5302 }); 5303 5304 window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').addListener(function () { 5305 if (!_browser._browser.pc) { 5306 _this9.changeMap(); 5307 } 5308 }, false); 5309 5310 this.select.addEventListener('change', function () { 5311 if (!_browser._browser.pc) { 5312 _this9.chnageSelect(); 5313 } 5314 }); 5315 }; 5316 5317 PartnerMap.prototype.toggleSelect = function toggleSelect(el) { 5318 var value = parseInt(el.getAttribute('data-mapvalue')); 5319 var selected = el.getAttribute('aria-selected'); 5320 5321 var targetOption = document.getElementById('js-PartnerWidget_Area').options[value + 1]; 5322 5323 if (selected === 'false') { 5324 targetOption.selected = true; 5325 el.setAttribute('aria-selected', 'true'); 5326 } else { 5327 targetOption.selected = false; 5328 el.setAttribute('aria-selected', 'false'); 5329 } 5330 }; 5331 5332 PartnerMap.prototype.chnageSelect = function chnageSelect() { 5333 var _this10 = this; 5334 5335 var selected = Array.prototype.map.call(this.options, function (e, i) { 5336 var text = e.selected ? e.text : ''; 5337 return text; 5338 }).filter(function (e) { 5339 return e !== ''; 5340 }); 5341 5342 if (selected.length === 0) { 5343 this.text.classList.remove('is-selected'); 5344 this.text.innerText = this.placeholder; 5345 } else if (selected.length > 4) { 5346 this.text.classList.add('is-selected'); 5347 this.text.innerText = selected.length + 'é½éåºçãé¸æ'; 5348 } else { 5349 this.text.classList.add('is-selected'); 5350 this.text.innerText = selected.join('ã'); 5351 } 5352 5353 Array.prototype.forEach.call(this.options, function (e, i) { 5354 if (e.selected && i > 0) { 5355 _this10.mapRects[i - 1].setAttribute('aria-selected', 'true'); 5356 } else if (i > 0) { 5357 _this10.mapRects[i - 1].setAttribute('aria-selected', 'false'); 5358 } 5359 }); 5360 }; 5361 5362 PartnerMap.prototype.changeMap = function changeMap() { 5363 if (window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').matches) { 5364 this.svgArea.style.display = 'none'; 5365 this.wrapper.style.display = 'block'; 5366 } else { 5367 this.svgArea.style.display = 'block'; 5368 this.wrapper.style.display = 'none'; 5369 } 5370 }; 5371 5372 return PartnerMap; 5373}(EventEmitter); 5374 5375},{"./_var.js":2,"./global/browser.js":7,"events":1}],20:[function(require,module,exports){ 5376'use strict'; 5377 5378exports.__esModule = true; 5379 5380var _var2 = require('./_var.js'); 5381 5382function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5383 5384function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5385 5386function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { c
5386onstructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5387 5388var EventEmitter = require('events').EventEmitter; 5389 5390var ProductsNavigation = function (_EventEmitter) { 5391 _inherits(ProductsNavigation, _EventEmitter); 5392 5393 function ProductsNavigation() { 5394 _classCallCheck(this, ProductsNavigation); 5395 5396 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5397 5398 _this.el = document.querySelector('.js-ProductsNavigation'); 5399 5400 _this.flag = false; 5401 _this._padding = 22; 5402 5403 if (_this.el) { 5404 _this.flag = true; 5405 _this.links = _this.el.querySelectorAll('a'); 5406 } 5407 return _this; 5408 } 5409 5410 ProductsNavigation.prototype.setPosition = function setPosition(top, _scrTop) { 5411 var _this2 = this; 5412 5413 if (!window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches) { 5414 this.el.style.position = 'fixed'; 5415 this.el.style.top = top + 'px'; 5416 5417 Array.prototype.forEach.call(this.links, function (el, i) { 5418 if (top > 60) { 5419 el.style.paddingTop = _this2._padding - _scrTop / 5 + 'px'; 5420 el.style.paddingBottom = _this2._padding - _scrTop / 5 + 'px'; 5421 } else if (top <= 60) { 5422 el.style.paddingTop = '12px'; 5423 el.style.paddingBottom = '12px'; 5424 } 5425 }); 5426 } else { 5427 this.el.style.position = 'absolute'; 5428 this.el.style.top = '98px'; 5429 5430 Array.prototype.forEach.call(this.links, function (el, i) { 5431 el.removeAttribute('style'); 5432 }); 5433 } 5434 }; 5435 5436 return ProductsNavigation; 5437}(EventEmitter); 5438 5439exports.default = ProductsNavigation; 5440 5441},{"./_var.js":2,"events":1}],21:[function(require,module,exports){ 5442'use strict'; 5443 5444exports.__esModule = true; 5445 5446var _browser = require('./global/browser.js'); 5447 5448var _var2 = require('./_var.js'); 5449 5450function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5451 5452function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5453 5454function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5455 5456/*var EventEmitter = require('events').EventEmitter; 5457 5458var SearchForm = function (_EventEmitter) { 5459 _inherits(SearchForm, _EventEmitter); 5460 5461 function SearchForm() { 5462 _classCallCheck(this, SearchForm); 5463 5464 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5465 5466 //_this.search = document.querySelector('.st-Header_Search'); 5467 //_this.closeBtn = _this.search.querySelector('.st-Header_SearchClose'); 5468 _this.body = document.getElementsByTagName('body')[0]; 5469 _this._DELATION = 0.4; 5470 5471 _this.isShow = false; 5472 5473 _this.eventHandler(); 5474 return _this; 5475 } 5476 5477 SearchForm.prototype.resetStyle = function resetStyle() { 5478 this.body.classList.remove('is-searchShow'); 5479 5480 this._top = null; 5481 5482 this.isShow = !window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').matches ? false : true; 5483 5484 this.search.removeAttribute('style'); 5485 5486 this.search.setAttribute('aria-hidden', !this.isShow); 5487 this.search.setAttribute('aria-expanded', this.isShow); 5488 }; 5489 5490 SearchForm.prototype.eventHandler = function eventHandler() { 5491 var _this2 = this; 5492 5493 this.closeBtn.addEventListener('click', function () { 5494 _this2.toggleSearch(); 5495 }, false); 5496 }; 5497 5498 SearchForm.prototype.toggleSearch = function toggleSearch(top) { 5499 if (!this.isShow) { 5500 this.isShow = true; 5501 this.body.classList.add('is-searchShow'); 5502 5503 var _top = this._top || top; 5504 var _height = this.search.clientHeight || 0; 5505 TweenMax.set(this.search, { display: 'block', height: 'auto', top: _top }); 5506 TweenMax.from(this.search, this._DELATION, { height: _height });
5507 } else { 5508 this.isShow = false; 5509 this.body.classList.remove('is-searchShow'); 5510 TweenMax.to(this.search, this._DELATION, { height: 0, display: 'none' }); 5511 } 5512 5513 this.search.setAttribute('aria-hidden', !this.isShow); 5514 this.search.setAttribute('aria-expanded', this.isShow); 5515 }; 5516 5517 SearchForm.prototype.setTop = function setTop(top, height, diff) { 5518 this._top = top + height - diff; 5519 this._top = this._top <= height ? height : this._top; 5520 TweenMax.set(this.search, { top: this._top, left: -window.pageXOffset }); 5521 }; 5522 5523 return SearchForm; 5524}(EventEmitter); 5525 5526exports.default = SearchForm;*/ 5527 5528},{"./_var.js":2,"./global/browser.js":7,"events":1}],22:[function(require,module,exports){ 5529'use strict'; 5530 5531exports.__esModule = true; 5532 5533var _strheight = require('./global/strheight.js'); 5534 5535var _strheight2 = _interopRequireDefault(_strheight); 5536 5537var _var2 = require('./_var.js'); 5538 5539function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 5540 5541function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5542 5543function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5544 5545function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5546 5547var EventEmitter = require('events').EventEmitter; 5548 5549var SitemapAccordion = function (_EventEmitter) { 5550 _inherits(SitemapAccordion, _EventEmitter); 5551 5552 function SitemapAccordion() { 5553 _classCallCheck(this, SitemapAccordion); 5554 5555 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5556 5557 _this.el = document.querySelectorAll('.js-SitemapAccordion'); 5558 5559 if (_this.el) { 5560 _this.initialize(); 5561 } 5562 return _this; 5563 } 5564 5565 SitemapAccordion.prototype.initialize = function initialize() { 5566 var _this2 = this; 5567 5568 this.accordions = []; 5569 5570 var strS = ['.sm-SubList_Item > a']; 5571 var strM = {}; 5572 var strO = { 5573 checkInterval: 100, 5574 liquid: true 5575 }; 5576 5577 this.strheight = new _strheight2.default(strS, strM, strO); 5578 5579 Array.prototype.forEach.call(this.el, function (el, i) { 5580 var eachSitemapAccordion = new EachSitemapAccordion(el); 5581 _this2.accordions.push(eachSitemapAccordion); 5582 }); 5583 5584 this.eventHandler(); 5585 }; 5586 5587 SitemapAccordion.prototype.eventHandler = function eventHandler() { 5588 var _this3 = this; 5589 5590 this.accordions.forEach(function (el, i) { 5591 el.on('open', function () { 5592 _this3.strheight.refresh(); 5593 }); 5594 }); 5595 }; 5596 5597 return SitemapAccordion; 5598}(EventEmitter); 5599 5600exports.default = SitemapAccordion; 5601 5602var EachSitemapAccordion = function (_EventEmitter2) { 5603 _inherits(EachSitemapAccordion, _EventEmitter2); 5604 5605 function EachSitemapAccordion(el) { 5606 _classCallCheck(this, EachSitemapAccordion); 5607 5608 var _this4 = _possibleConstructorReturn(this, _EventEmitter2.call(this)); 5609 5610 _this4.el = el; 5611 _this4.tab = el.querySelector('.js-SitemapAccordion_Tab'); 5612 _this4.panel = el.querySelector('.js-SitemapAccordion_TabPanel'); 5613 5614 _this4.isOpen = false; 5615 _this4._DELATION = 0.4; 5616 5617 _this4.setStyle(); 5618 _this4.eventHandler(); 5619 return _this4; 5620 } 5621 5622 EachSitemapAccordion.prototype.eventHandler = function eventHandler() { 5623 var _this5 = this; 5624 5625 this.tab.addEventListener('click', function () { 5626 if (window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').matches) { 5627 _this5.togglePanel(); 5628 } 5629 }, false); 5630 5631 window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').addListener(function () { 5632 _this5.setStyle(); 5633 }, false); 5634 }; 5635 5636 EachSitemapAccordion.prototype.setStyle = function setStyle() { 5637 this.isOpen = false; 5638 this.el.classList.remove('is-open'); 5639 5640 if (window.matchMedia('(max-width: ' + _var2._var.BP_SP + 'px)').matches) { 5641 TweenMax.set(this.panel, { height: 0, display: 'none' }); 5642 5643 this.tab.setAttribute('aria-selected', 'false'); 5644 this.tab.setAttribute('tab-index', '0'); 5645 this.panel.setAttribute('aria-expanded', 'false'); 5646 this.panel.setAttribute('aria-hidden', 'true'); 5647 } else { 5648 this.panel.removeAttribute('style'); 5649 5650 this.tab.setAttribute('aria-selected', 'false'); 5651 this.tab.setAttribute('tab-index', '-1'); 5652 this.panel.setAttribute('aria-expanded', 'true'); 5653 this.panel.setAttribute('aria-hidden', 'false'); 5654 } 5655 }; 5656 5657 EachSitemapAccordion.prototype.togglePanel = function togglePanel() { 5658 this.isOpen = !this.isOpen; 5659 5660 if (this.isOpen) { 5661 var _height = this.panel.clientHeight; 5662 this.el.classList.add('is-open'); 5663
5664 this.emit('open'); 5665 5666 TweenMax.set(this.panel, { height: 'auto', display: 'block' }); 5667 TweenMax.from(this.panel, this._DELATION, { height: _height }); 5668 } else { 5669 this.el.classList.remove('is-open'); 5670 5671 TweenMax.to(this.panel, this._DELATION, { height: 0, display: 'none' }); 5672 } 5673 5674 this.tab.setAttribute('aria-selected', this.isOpen); 5675 this.panel.setAttribute('aria-expanded', this.isOpen); 5676 this.panel.setAttribute('aria-hidden', !this.isOpen); 5677 }; 5678 5679 return EachSitemapAccordion; 5680}(EventEmitter); 5681 5682},{"./_var.js":2,"./global/strheight.js":12,"events":1}],23:[function(require,module,exports){ 5683'use strict'; 5684 5685exports.__esModule = true; 5686 5687var _var2 = require('./_var.js'); 5688 5689var _strheight = require('./global/strheight.js'); 5690 5691var _strheight2 = _interopRequireDefault(_strheight); 5692 5693var _carousel = require('./global/carousel.js'); 5694 5695var _carousel2 = _interopRequireDefault(_carousel); 5696 5697var _tpImportant = require('./top/tpImportant.js'); 5698 5699var _tpImportant2 = _interopRequireDefault(_tpImportant); 5700 5701var _tpNewsRelease = require('./top/tpNewsRelease.js'); 5702 5703var _tpNewsRelease2 = _interopRequireDefault(_tpNewsRelease); 5704 5705var _tpEventSeminar = require('./top/tpEventSeminar.js'); 5706 5707var _tpEventSeminar2 = _interopRequireDefault(_tpEventSeminar); 5708 5709var _tpCybozuShiki = require('./top/tpCybozuShiki.js'); 5710 5711var _tpCybozuShiki2 = _interopRequireDefault(_tpCybozuShiki); 5712 5713var _tpSupport = require('./top/tpSupport.js'); 5714 5715var _tpSupport2 = _interopRequireDefault(_tpSupport); 5716 5717function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 5718 5719function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5720 5721function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5722 5723function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5724 5725var EventEmitter = require('events').EventEmitter; 5726 5727var Top = function (_EventEmitter) { 5728 _inherits(Top, _EventEmitter); 5729 5730 function Top() { 5731 _classCallCheck(this, Top); 5732 5733 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5734 5735 _this.Hero = document.querySelector('.tp-Hero'); 5736 5737 if (_this.Hero) { 5738 _this.initialize(); 5739 } 5740 return _this; 5741 } 5742 5743 Top.prototype.initialize = function initialize() { 5744 var importantJson = 'https://topics.cybozu.co.jp/assets/jsonp/important.jsonp'; 5745 var newsJson = 'https://topics.cybozu.co.jp/assets/jsonp/news.jsonp'; 5746 var seminarJson = 'https://topics.cybozu.co.jp/assets/jsonp/event.jsonp'; 5747 var shikiJson = 'https://cybozushiki.cybozu.co.jp/rss_corporate.jsonp'; 5748 5749 this.flagEndNews = false; 5750 this.flagEndSeminar = false; 5751 this.flagEndShiki = false; 5752 5753 this.strS = ['.js-Top_Item', '.tp-Seminar_Title', '.tp-Seminar_Item', '.tp-CybozuShiki_Title']; 5754 this.strM = {}; 5755 this.strO = { 5756 checkInterval: 100, 5757 liquid: true 5758 }; 5759 5760 this.heroCarousel = new _carousel2.default('.js-TpHeroCarousel'); 5761 5762 this.importantNews = new _tpImportant2.default(importantJson); 5763 this.newsRelease = new _tpNewsRelease2.default(newsJson); 5764 this.eventSeminar = new _tpEventSeminar2.default(seminarJson); 5765 this.cybozuShiki = new _tpCybozuShiki2.default(shikiJson); 5766 this.support = new _tpSupport2.default(); 5767 5768 this.eventEmitter(); 5769 }; 5770 5771 Top.prototype.eventEmitter = function eventEmitter() { 5772 var _this2 = this; 5773 5774 this.importantNews.on('endImportantRendering', function () { 5775 _this2.emit('endImportantRendering'); 5776 });
5777 this.importantNews.on('changeImportantHeight', function () { 5778 _this2.emit('changeImportantHeight'); 5779 }); 5780 5781 this.newsRelease.on('endNewsRendering', function () { 5782 _this2.flagEndNews = true; 5783 _this2.emit('endDataRendering'); 5784 }); 5785 5786 this.eventSeminar.on('endSeminarRendering', function () { 5787 _this2.flagEndSeminar = true; 5788 _this2.carousel = new _carousel2.default('.js-TpSeminarCarousel'); 5789 _this2.emit('endDataRendering'); 5790 }); 5791 5792 this.cybozuShiki.on('endShikiRendering', function () { 5793 _this2.flagEndShiki = true; 5794 _this2.emit('endDataRendering'); 5795 }); 5796 5797 this.on('endDataRendering', function () { 5798 if (_this2.flagEndNews && _this2.flagEndSeminar && _this2.flagEndShiki) { 5799 _this2.strheight = new _strheight2.default(_this2.strS, _this2.strM, _this2.strO); 5800 } 5801 }); 5802 }; 5803 5804 return Top; 5805}(EventEmitter); 5806 5807exports.default = Top; 5808 5809},{"./_var.js":2,"./global/carousel.js":8,"./global/strheight.js":12,"./top/tpCybozuShiki.js":24,"./top/tpEventSeminar.js":25,"./top/tpImportant.js":26,"./top/tpNewsRelease.js":27,"./top/tpSupport.js":28,"events":1}],24:[function(require,module,exports){ 5810'use strict'; 5811 5812exports.__esModule = true; 5813 5814var _var2 = require('../_var.js'); 5815 5816function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5817 5818function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5819 5820function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5821 5822var EventEmitter = require('events').EventEmitter; 5823 5824var CybozuShiki = function (_EventEmitter) { 5825 _inherits(CybozuShiki, _EventEmitter); 5826 5827 function CybozuShiki(jsonp) { 5828 _classCallCheck(this, CybozuShiki); 5829 5830 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5831 5832 _this.block = document.querySelector('.tp-CybozuShiki'); 5833 5834 if (_this.block) { 5835 _this.initialize(jsonp); 5836 } 5837 return _this; 5838 } 5839 5840 CybozuShiki.prototype.initialize = function initialize(jsonp) { 5841 this.jsonp = jsonp; 5842 5843 this.target = this.block.querySelector('.tp-Block_Inner'); 5844 5845 this.list = document.createElement('ul'); 5846 this.list.setAttribute('class', 'lo-Grid tp-CybozuShiki_List'); 5847 5848 this.rendar(); 5849 }; 5850 5851 CybozuShiki.prototype.rendar = function rendar() { 5852 var _this2 = this; 5853 5854 var xhr = $.ajax({ 5855 type: 'GET', 5856 url: this.jsonp, 5857 dataType: 'jsonp', 5858 jsonpCallback: 'rss', 5859 scriptCharset: 'utf-8' 5860 }).done(function (data) { 5861 var items = data.item.slice(0, 4); 5862 5863 items.forEach(function (e, i) { 5864 5865 var title = e.title.replace('/<br>/g', ''); 5866 title = title.length > 70 ? title.substr(0, 70) + 'â¦' : title; 5867 5868 var html = '<li class="lo-Grid_Item js-Top_Item" data-pcGrid="25%" data-tabGrid="25%" data-splGrid="50%">\n <a href="' + e.link + '" target="_blank" class="tp-CybozuShiki_Item">\n <div class="tp-CybozuShiki_Thumbnail" role="presentation"><img src="' + e.img.url + '" alt="" class="tp-CybozuShiki_Image"></div>\n <div class="tp-CybozuShiki_Title">' + title + '</div>\n <!-- <div class="tp-CybozuShiki_Author">\n <div class="tp-CybozuShiki_AuthorImage"><img src="https://placehold.jp/30x30.png"></div>\n <div class="tp-CybozuShiki_AuthorName">ä¼è¤ 麻çäº</div>\n </div> /.tp-CybozuShiki_Author -->\n </a><!-- /.tp-CybozuShiki_Item -->\n </li>'; 5869 5870 _this2.list.insertAdjacentHTML('beforeend', html); 5871 }); 5872 5873 _this2.target.appendChild(_this2.list); 5874 _this2.emit('endShikiRendering'); 5875 5876 _this2.fetchImage(); 5877 }).fail(function () { 5878 _this2.target.parentNode.removeChild(_this2.target); 5879 5880 _this2.emit('endShikiRendering'); 5881 });
5882 }; 5883 5884 CybozuShiki.prototype.fetchImage = function fetchImage() { 5885 var _this3 = this; 5886 5887 var imgs = this.list.querySelectorAll('.tp-CybozuShiki_Image'); 5888 5889 Array.prototype.forEach.call(imgs, function (el, i) { 5890 var img = new Image(); 5891 img.src = el.getAttribute('src'); 5892 5893 if (img.complete) { 5894 _this3.setImageSize(el, img); 5895 } else { 5896 img.onload = function () { 5897 _this3.setImageSize(el, img); 5898 }; 5899 img.onerror = function () {}; 5900 } 5901 }); 5902 }; 5903 5904 CybozuShiki.prototype.setImageSize = function setImageSize(el, img) { 5905 if (img.width / img.height > _var2._var.THUMB_W / _var2._var.THUMB_H) { 5906 el.setAttribute('class', 'tp-CybozuShiki_Image-vertical'); 5907 } 5908 }; 5909 5910 return CybozuShiki; 5911}(EventEmitter); 5912 5913exports.default = CybozuShiki; 5914 5915},{"../_var.js":2,"events":1}],25:[function(require,module,exports){ 5916'use strict'; 5917 5918exports.__esModule = true; 5919 5920function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 5921 5922function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 5923 5924function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 5925 5926var EventEmitter = require('events').EventEmitter; 5927 5928var EventSeminar = function (_EventEmitter) { 5929 _inherits(EventSeminar, _EventEmitter); 5930 5931 function EventSeminar(jsonp) { 5932 _classCallCheck(this, EventSeminar); 5933 5934 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 5935 5936 _this.block = document.querySelector('.tp-Seminar'); 5937 5938 if (_this.block) { 5939 _this.initialize(jsonp); 5940 } 5941 return _this; 5942 } 5943 5944 EventSeminar.prototype.initialize = function initialize(jsonp) { 5945 this.jsonp = jsonp; 5946 5947 this.target = this.block.querySelector('.js-Carousel_Inner'); 5948 this.targetParent = this.block.querySelector('.tp-Block_Inner'); 5949 5950 this.list = document.createElement('ul'); 5951 this.list.setAttribute('class', 'tp-Seminar_Content js-Carousel_Content'); 5952 5953 this.rendar(); 5954 }; 5955 5956 EventSeminar.prototype.rendar = function rendar() { 5957 var _this2 = this; 5958 5959 var xhr = $.ajax({ 5960 type: 'GET', 5961 url: this.jsonp, 5962 dataType: 'jsonp', 5963 jsonpCallback: 'eventSeminar', 5964 scriptCharset: 'utf-8' 5965 }).done(function (data) { 5966 data.item.forEach(function (e, i) { 5967 var host = e.host.join(' '); 5968 var coHost = e.host.join(' '); 5969 var areaWide = e.area.wide.join(' '); 5970 var areaDetail = e.area.detail.join(' '); 5971 var productJa = e.product.ja; 5972 var productEn = e.product.en; 5973 5974 function label() { 5975 var labels = ''; 5976 5977 if (productEn.length > 0) { 5978 productEn.forEach(function (e, i) { 5979 labels += '<li class="tp-Seminar_Label"><img src="/assets/img/label_' + productEn[i] + '.svg" width="70" height="24" alt="' + productJa[i] + '"></li>'; 5980 }); 5981 } 5982 5983 var ul = '<ul class="tp-Seminar_Labels">' + labels + '</ui>'; 5984 5985 return ul; 5986 } 5987 5988 var title = e.title.replace('/<br>/g', ''); 5989 title = title.length > 50 ? title.substr(0, 50) + 'â¦' : title; 5990 5991 var html = '<li class="tp-Seminar_CarouselItem js-Carousel_Item">\n <div class="tp-Seminar_Item">\n <div class="tp-Seminar_Date">' + e.date + '<span>ï¼' + e.day + 'ï¼</span></div>\n <div class="tp-Seminar_Title">\n <a href="' + e.link + '" target="' + e.a_target + '">' + title + '</a>\n </div><!-- /.se-Item_Title -->\n ' + label() + '\n </div><!-- /.tp-Seminar_Item -->\n </li>'; 5992 5993 _this2.list.insertAdjacentHTML('beforeend', html); 5994 }); 5995 5996 _this2.target.appendChild(_this2.list); 5997 5998 _this2.emit('endSeminarRendering'); 5999 }).fail(function () { 6000 _this2.targetParent.parentNode.removeChild(_this2.targetParent); 6001 6002 _this2.emit('endSeminarRendering'); 6003 });
6004 }; 6005 6006 return EventSeminar; 6007}(EventEmitter); 6008 6009exports.default = EventSeminar; 6010 6011},{"events":1}],26:[function(require,module,exports){ 6012'use strict'; 6013 6014exports.__esModule = true; 6015 6016var _var2 = require('../_var.js'); 6017 6018function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 6019 6020function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 6021 6022function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 6023 6024var EventEmitter = require('events').EventEmitter; 6025 6026var ImportantNews = function (_EventEmitter) { 6027 _inherits(ImportantNews, _EventEmitter); 6028 6029 function ImportantNews(jsonp) { 6030 _classCallCheck(this, ImportantNews); 6031 6032 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 6033 6034 _this.jsonp = jsonp; 6035 6036 _this.target = document.getElementById('globalHeader'); 6037 _this.body = document.getElementsByTagName('body')[0]; 6038 _this._height = 0; 6039 6040 _this.rendar(); 6041 return _this; 6042 } 6043 6044 ImportantNews.prototype.rendar = function rendar() { 6045 var _this2 = this; 6046 6047 var xhr = $.ajax({ 6048 type: 'GET', 6049 url: this.jsonp, 6050 dataType: 'jsonp', 6051 jsonpCallback: 'important', 6052 scriptCharset: 'utf-8' 6053 }).done(function (data) { 6054 6055 if (data.item.length > 0) { 6056 var item = data.item[0]; 6057 6058 var html = '<div class="tp-ImportantNews">\n <div class="tp-ImportantNews_Inner">\n <h2 class="tp-ImportantNews_Heading"><span class="tp-ImportantNews_Label">ãç¥ãã</span></h2>\n <div class="tp-ImportantNews_Content">\n <div class="tp-ImportantNews_Date">' + item.date + '</div>\n <div class="tp-ImportantNews_Text"><a href="' + item.link + '" target="' + item.target + '">' + item.title + '</a></div>\n </div><!-- /.tp-ImportantNews_Content -->\n </div><!-- /.tp-ImportantNews_Inner -->\n </div><!-- /.tp-ImportantNews -->'; 6059 6060 _this2.target.insertAdjacentHTML('afterend', html); 6061 6062 _this2.body.classList.add('has-ImportantNew'); 6063 6064 _this2.el = document.querySelector('.tp-ImportantNews'); 6065 6066 _this2.emit('endImportantRendering'); 6067 6068 _this2.resizeHandler(); 6069 _this2.eventHandler(); 6070 } 6071 }); 6072 }; 6073 6074 ImportantNews.prototype.resizeHandler = function resizeHandler() { 6075 if (window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches) { 6076 this.body.style.paddingTop = this.el.clientHeight + 55 + 'px'; 6077 } else { 6078 this.body.style.paddingTop = ''; 6079 } 6080 6081 this.emit('changeImportantHeight'); 6082 }; 6083 6084 ImportantNews.prototype.eventHandler = function eventHandler() { 6085 var _this3 = this; 6086 6087 window.addEventListener('resize', function () { 6088 var _height = _this3.el.clientHeight; 6089 6090 if (_this3._height !== _height) { 6091 _this3.resizeHandler(); 6092 _this3._height = _height; 6093 } 6094 }); 6095 }; 6096 6097 return ImportantNews; 6098}(EventEmitter); 6099 6100exports.default = ImportantNews; 6101 6102},{"../_var.js":2,"events":1}],27:[function(require,module,exports){ 6103'use strict'; 6104 6105exports.__esModule = true; 6106 6107function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 6108 6109function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 6110 6111function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { c
6111onstructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 6112 6113var EventEmitter = require('events').EventEmitter; 6114 6115var NewsRelease = function (_EventEmitter) { 6116 _inherits(NewsRelease, _EventEmitter); 6117 6118 function NewsRelease(jsonp) { 6119 _classCallCheck(this, NewsRelease); 6120 6121 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 6122 6123 _this.block = document.querySelector('.tp-NewsRelease'); 6124 6125 if (_this.block) { 6126 _this.initialize(jsonp); 6127 } 6128 return _this; 6129 } 6130 6131 NewsRelease.prototype.initialize = function initialize(jsonp) { 6132 this.jsonp = jsonp; 6133 6134 this.target = this.block.querySelector('.tp-Block_Inner'); 6135 6136 this.list = document.createElement('ul'); 6137 this.list.setAttribute('class', 'lo-Grid tp-NewsRelease_List'); 6138 6139 this.rendar(); 6140 }; 6141 6142 NewsRelease.prototype.rendar = function rendar() { 6143 var _this2 = this; 6144 6145 var xhr = $.ajax({ 6146 type: 'GET', 6147 url: this.jsonp, 6148 dataType: 'jsonp', 6149 jsonpCallback: 'newsRelease', 6150 scriptCharset: 'utf-8' 6151 }).done(function (data) { 6152 var items = data.item.filter(function(e){return e.categories.includes('ãã¬ã¹ãªãªã¼ã¹') || e.categories.includes('ãç¥ãã')}).slice(0, 4); 6153 6154 items.forEach(function (e, i) { 6155 var title = e.title.replace('/<br>/g', ''); 6156 6157 title = title.length > 70 ? title.substr(0, 70) + 'â¦' : title; 6158 6159 var html = '<li class="lo-Grid_Item js-Top_Item" data-pcGrid="25%" data-tabGrid="25%" data-splGrid="50%">\n <a href="' + e.link + '" target="' + e.target + '" class="tp-NewsRelease_Article">\n <div class="tp-NewsRelease_Thumbnail" role="presentation"><img src="' + e.thumbnail + '" width="288" height="177" alt=""></div>\n <div class="tp-NewsRelease_Date">' + e.date + '</div>\n <div class="tp-NewsRelease_Text">' + title + '</div>\n </a>\n </li><!-- /.lo-Grid_Item-25% -->'; 6160 6161 _this2.list.insertAdjacentHTML('beforeend', html); 6162 }); 6163 6164 _this2.target.appendChild(_this2.list); 6165 6166 _this2.emit('endNewsRendering'); 6167 }).fail(function () { 6168 _this2.target.parentNode.removeChild(_this2.target); 6169 6170 _this2.emit('endNewsRendering'); 6171 }); 6172 }; 6173 6174 return NewsRelease; 6175}(EventEmitter); 6176 6177exports.default = NewsRelease; 6178 6179},{"events":1}],28:[function(require,module,exports){ 6180'use strict'; 6181 6182exports.__esModule = true; 6183 6184function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 6185 6186function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 6187 6188function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 6189 6190var EventEmitter = require('events').EventEmitter; 6191 6192var Support = function (_EventEmitter) { 6193 _inherits(Support, _EventEmitter); 6194 6195 function Support() { 6196 _classCallCheck(this, Support); 6197 6198 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 6199 6200 _this.block = document.querySelector('.tp-Support'); 6201 6202 if (_this.block) { 6203 _this.initialize(); 6204 } 6205 return _this; 6206 } 6207 6208 Support.prototype.initialize = function initialize() { 6209 6210 this.tab = this.block.querySelectorAll('.tp-Support_Tab'); 6211 this.wrapper = this.block.querySelector('.tp-Support_Content'); 6212 this.tabPanle = this.block.querySelectorAll('.tp-Support_TabPanel'); 6213 6214 this._DURATION = 0.4; 6215 6216 this.select = localStorage.getItem('top_support_select'); 6217 6218 this.initialTab(); 6219 this.eventHandler(); 6220 }; 6221 6222 Support.prototype.initialTab = function initialTab() { 6223 var _this2 = this; 6224 6225 TweenMax.set(this.tabPanle, { autoAlpha: 0, display: 'none' }); 6226 6227 if (this.select) { 6228 var tab = this.select.charAt(0).toUpperCase() + this.select.substring(1).toLowerCase(); 6229 6230 Array.prototype.forEach.call(this.tab, function (el, i) { 6231 if (el.id === 'tab-' + _this2.select) { 6232 el.setAttribute('aria-selected', 'true'); 6233 } else { 6234 el.setAttribute('aria-selected', 'false'); 6235 } 6236 }); 6237 6238 TweenMax.set('.tp-Support_' + tab, { autoAlpha: 1, display: 'block' }); 6239 } else { 6240 TweenMax.set('.tp-Support_Investigation', { autoAlpha: 1, display: 'block' }); 6241 } 6242 }; 6243 6244 Support.prototype.eventHandler = function eventHandler() { 6245 var _this3 = this; 6246 6247 Array.prototype.forEach.call(this.tab, function (el, i) { 6248 el.addEventListener('click', function (ev) { 6249 if (el.getAttribute('aria-selected') !== 'true') { 6250 _this3.selectTab(el); 6251 } 6252 6253 ev.preventDefault(); 6254 }, false); 6255 });
6256 }; 6257 6258 Support.prototype.selectTab = function selectTab(el) { 6259 var _this4 = this; 6260 6261 var tab = el.getAttribute('id').replace('tab-', ''); 6262 var id = 'tab-content-' + tab; 6263 var target = document.getElementById(id); 6264 6265 try { 6266 localStorage.setItem('top_support_select', tab); 6267 } catch (err) {} 6268 6269 var nonTarget = Array.prototype.filter.call(this.tabPanle, function (el, i) { 6270 return el.getAttribute('id') !== id; 6271 }); 6272 6273 Array.prototype.forEach.call(this.tab, function (el, i) { 6274 el.setAttribute('aria-selected', 'false'); 6275 }); 6276 6277 el.setAttribute('aria-selected', 'true'); 6278 6279 this.wrapper.height = this.wrapper.clientHeight; 6280 6281 TweenMax.set(target, { autoAlpha: 0, 'position': 'absolute', display: 'block' }); 6282 6283 TweenMax.to(nonTarget, this._DURATION, { autoAlpha: 0, display: 'none' }); 6284 6285 var _newHeight = target.clientHeight; 6286 6287 TweenMax.to(target, this._DURATION, { 6288 css: { autoAlpha: 1 }, 6289 onComplete: function onComplete() { 6290 TweenMax.set(target, { 'position': 'static' }); 6291 TweenMax.set(_this4.wrapper, { 'height': 'auto' }); 6292 } 6293 }); 6294 6295 TweenMax.to(this.wrapper, this._DURATION, { 6296 css: { height: _newHeight } 6297 }); 6298 }; 6299 6300 return Support; 6301}(EventEmitter); 6302 6303exports.default = Support; 6304 6305},{"events":1}],29:[function(require,module,exports){ 6306'use strict'; 6307 6308var _include = require('./_mod/include.js'); 6309 6310var _include2 = _interopRequireDefault(_include); 6311 6312var _browser = require('./_mod/global/browser.js'); 6313 6314var _var2 = require('./_mod/_var.js'); 6315 6316var _strheight = require('./_mod/global/strheight.js'); 6317 6318var _strheight2 = _interopRequireDefault(_strheight); 6319 6320var _srcsetfill = require('./_mod/global/srcsetfill.js'); 6321 6322var _srcsetfill2 = _interopRequireDefault(_srcsetfill); 6323 6324var _header = require('./_mod/header.js'); 6325 6326var _header2 = _interopRequireDefault(_header); 6327 6328var _footer = require('./_mod/footer.js'); 6329 6330var _footer2 = _interopRequireDefault(_footer); 6331 6332var _localNav = require('./_mod/localNav.js'); 6333 6334var _localNav2 = _interopRequireDefault(_localNav); 6335 6336var _accordion = require('./_mod/accordion.js'); 6337 6338var _accordion2 = _interopRequireDefault(_accordion); 6339 6340var _modal = require('./_mod/global/modal.js'); 6341 6342var _modal2 = _interopRequireDefault(_modal); 6343 6344var _top = require('./_mod/top.js'); 6345 6346var _top2 = _interopRequireDefault(_top); 6347 6348var _partnerFilter = require('./_mod/partnerFilter.js'); 6349 6350var _partnerFilter2 = _interopRequireDefault(_partnerFilter); 6351 6352var _eventFilter = require('./_mod/eventFilter.js'); 6353 6354var _eventFilter2 = _interopRequireDefault(_eventFilter); 6355 6356var _newsFilter = require('./_mod/newsFilter.js'); 6357 6358var _newsFilter2 = _interopRequireDefault(_newsFilter); 6359 6360var _graph = require('./_mod/graph.js'); 6361 6362var _graph2 = _interopRequireDefault(_graph); 6363 6364var _case = require('./_mod/case.js'); 6365 6366var _case2 = _interopRequireDefault(_case); 6367 6368var _sitemapAccordion = require('./_mod/sitemapAccordion.js'); 6369 6370var _sitemapAccordion2 = _interopRequireDefault(_sitemapAccordion); 6371 6372function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 6373 6374function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 6375 6376function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } 6377 6378function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } 6379 6380var EventEmitter = require('events').EventEmitter; 6381 6382document.getElementsByTagName('html')[0].setAttribute('class', 'is-jsOn'); 6383 6384if (!_browser._browser.anim) { 6385 document.getElementsByTagName('html')[0].classList.add('is-browserRegacy'); 6386} 6387 6388var strS = ['.co-Award_Lead', '.co-Award_Text', '.co-Award_Year', '.co-Workstyle_RequirementInner', '.pl-AppList_Inner', '.js-Strheight', '.pr-Anchor_Item-half', '.mod-TableList > li', '.pr-BugBountyFlow_Box', '.co-WorkstyleFlow_Box', '.mod-ContactBox', '.ec-Voice', '.et-Voice', '.js-Grid-strheight > .lo-Grid_Item', '.ea-Phase_Description-content', '.ss-SeminarSubcolumn_Item']; 6389var strM = { '.js-StrheightMulti': '.js-Strheight_Child' }; 6390var strO = { 6391 checkInterval: 100, 6392 liquid: true 6393}; 6394 6395var App = function (_EventEmitter) { 6396 _inherits(App, _EventEmitter); 6397 6398 function App() { 6399 _classCallCheck(this, App); 6400 6401 var _this = _possibleConstructorReturn(this, _EventEmitter.call(this)); 6402 6403 _this.srcsetfill = new _srcsetfill2.default({ pcL: 1359, tab: _var2._var.BP_TAB, sp: _var2._var.BP_SPL }); 6404 _this.strheight = new _strheight2.default(strS, strM, strO); 6405 // this.carousel = new Carousel('.js-Carousel'); 6406 6407 _this.header = new _header2.default(); 6408 _this.footer = new _footer2.default(); 6409 _this.localNavigation = new _localNav2.default(); 6410 6411 _this.accordion = new _accordion2.default(); 6412 _this.modal = new _modal2.default(); 6413 6414 _this.top = new _top2.default(); 6415 _this.partnerFilter = new _partnerFilter2.default(); 6416 _this.eventFilter = new _eventFilter2.default(); 6417 _this.newsFilter = new _newsFilter2.default(); 6418 6419 _this.case = new _case2.default(); 6420 6421 _this.graph = new _graph2.default(); 6422 6423 _this.sitemapAccordion = new _sitemapAccordion2.default(); 6424 6425 _this.content = document.getElementById('MainContants'); 6426 _this.anchorLink = _this.content.querySelectorAll('a[href^="#"]'); 6427 6428 _this.hash = location.hash.replace('#', ''); 6429 6430 _this.eventHandelr(); 6431 6432 window.onload = function () { 6433 _this.initPosition(); 6434 }; 6435 return _this; 6436 } 6437 6438 App.prototype.initPosition = function initPosition() { 6439 var target = document.getElementById(this.hash); 6440 6441 if (target) { 6442 var position = target.getBoundingClientRect().top + window.pageYOffset; 6443 var headerHeight = !window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches ? 60 : !window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? 0 : 55; 6444 TweenMax.to(window, 0.01, { scrollTo: position - headerHeight });
6445 } 6446 }; 6447 6448 App.prototype.eventHandelr = function eventHandelr() { 6449 var _this2 = this; 6450 6451 this.top.on('endImportantRendering', function () { 6452 _this2.header.setImportant(); 6453 }); 6454 this.top.on('changeImportantHeight', function () { 6455 _this2.header.setSize(); 6456 }); 6457 6458 Array.prototype.forEach.call(this.anchorLink, function (el, i) { 6459 el.addEventListener('click', function (ev) { 6460 _this2.smoothScroll(el); 6461 ev.preventDefault(); 6462 }); 6463 }); 6464 }; 6465 6466 App.prototype.smoothScroll = function smoothScroll(el) { 6467 var role = el.getAttribute('role'); 6468 var targetID = el.getAttribute('href').replace('#', ''); 6469 var headerHeight = !window.matchMedia('(max-width: ' + _var2._var.BP_TAB + 'px)').matches ? 60 : !window.matchMedia('(max-width: ' + _var2._var.BP_SPL + 'px)').matches ? 0 : 55; 6470 var target = document.getElementById(targetID); 6471 6472 if (target && !!!role) { 6473 var position = target.getBoundingClientRect().top + window.pageYOffset; 6474 TweenMax.to(window, 0.6, { scrollTo: position - headerHeight }); 6475 } 6476 }; 6477 6478 return App; 6479}(EventEmitter); 6480 6481document.addEventListener('DOMContentLoaded', function () { 6482 var app = new App(); 6483}, false); 6484 6485},{"./_mod/_var.js":2,"./_mod/accordion.js":3,"./_mod/case.js":4,"./_mod/eventFilter.js":5,"./_mod/footer.js":6,"./_mod/global/browser.js":7,"./_mod/global/modal.js":10,"./_mod/global/srcsetfill.js":11,"./_mod/global/strheight.js":12,"./_mod/graph.js":13,"./_mod/header.js":14,"./_mod/include.js":15,"./_mod/localNav.js":16,"./_mod/newsFilter.js":18,"./_mod/partnerFilter.js":19,"./_mod/sitemapAccordion.js":22,"./_mod/top.js":23,"events":1}]},{},[29]); 6486 6487/** 6488 * for header search 6489 * update: 2019-09-17 6490 */ 6491(function(){ 6492 function isSearchShown(){ 6493 return $('body').hasClass('is-searchShow') 6494 } 6495 function showSearch(){ 6496 $('body').addClass('is-searchShow'); 6497 $('.st-Header_Search').slideDown(400); 6498 } 6499 function hideSearch(){ 6500 $('body').removeClass('is-searchShow'); 6501 $('.st-Header_Search').slideUp(400); 6502 } 6503 function toggleSearch(){ 6504 if(isSearchShown()){ 6505 hideSearch(); 6506 } else { 6507 showSearch(); 6508 } 6509 } 6510 function updateSearchTop(){ 6511 var windowScrollTop = $(window).scrollTop(); 6512 var searchTop = 0; 6513 if(window.innerWidth > 991){ 6514 if(windowScrollTop > 50){ 6515 searchTop = 60; 6516 } else { 6517 searchTop = 110 - windowScrollTop; 6518 } 6519 } else { 6520 searchTop = 0; 6521 } 6522 $('.st-Header_Search').css({ 6523 top: searchTop 6524 }); 6525 } 6526 function documentClickHandler(e){ 6527 if (!$(e.target).closest('.st-Header').length) { 6528 hideSearch(); 6529 } 6530 } 6531 function windowResizeHandler(){ 6532 if(isSearchShown()){ 6533 hideSearch(); 6534 } 6535 updateSearchTop(); 6536 if(window.innerWidth <= 767){ 6537 $('.st-Header_Search').show(); 6538 } 6539 } 6540 $(function(){ 6541 $('.st-Header_WidgeSearch').on('click', function(){ 6542 toggleSearch() 6543 return false; 6544 }); 6545 $('.st-Header_SearchClose').on('click', hideSearch); 6546 $(document).on('click', documentClickHandler); 6547 $(window).on('resize scroll', windowResizeHandler) 6548 .resize(); 6549 }); 6550})(); 6551 6552 6553document.addEventListener("DOMContentLoaded", function(){ 6554 var stInput = document.getElementById("st-Header_SearchInput"); 6555 var placeholderDiv = document.getElementById("st-Header_placeholder"); 6556 6557 stInput.addEventListener("keyup", function() { 6558 var count= stInput.value.length; 6559 if (count !== 0) { 6560 placeholderDiv.classList.add('none'); 6561 } else { 6562 placeholderDiv.classList.remove('none'); 6563 } 6564 }); 6565 6566 stInput.addEventListener("change", function() { 6567 var count= stInput.value.length; 6568 if (count !== 0) { 6569 placeholderDiv.classList.add('none'); 6570 } else { 6571 placeholderDiv.classList.remove('none'); 6572 } 6573 6574 }); 6575 6576});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.