styledot/cards.js

23andMe Design System

"use strict";

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }

var SDCard = /*#__PURE__*/function () {
  function SDCard(options) {
    _classCallCheck(this, SDCard);

    this.root = options.root;
    this.setUpDismiss();
  }

  _createClass(SDCard, [{
    key: "setUpDismiss",
    value: function setUpDismiss() {
      var _this = this;

      var dismissButton = this.root.querySelector('.js-sd-card-dismiss');

      if (!dismissButton) {
        return;
      }

      var dismissEvent = new Event('sdCard.dismissed');
      dismissButton.addEventListener('click', function () {
        _this.root.classList.add('dismissed');

        _this.root.addEventListener('transitionend', function () {
          _this.root.classList.add('hide');

          _this.root.dispatchEvent(dismissEvent);
        }, {
          once: true
        });
      });
    }
  }]);

  return SDCard;
}();

document.addEventListener('DOMContentLoaded', function () {
  var sdCards = document.querySelectorAll('.sd-card');
  sdCards.forEach(function (card) {
    return new SDCard({
      root: card
    });
  });
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTRENhcmQiLCJvcHRpb25zIiwicm9vdCIsInNldFVwRGlzbWlzcyIsImRpc21pc3NCdXR0b24iLCJxdWVyeVNlbGVjdG9yIiwiZGlzbWlzc0V2ZW50IiwiRXZlbnQiLCJhZGRFdmVudExpc3RlbmVyIiwiY2xhc3NMaXN0IiwiYWRkIiwiZGlzcGF0Y2hFdmVudCIsIm9uY2UiLCJkb2N1bWVudCIsInNkQ2FyZHMiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsImNhcmQiXSwic291cmNlcyI6WyIuLi9zcmMvbGliL2NhcmRzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIFNEQ2FyZCB7XG4gICAgY29uc3RydWN0b3Iob3B0aW9ucykge1xuICAgICAgICB0aGlzLnJvb3QgPSBvcHRpb25zLnJvb3Q7XG4gICAgICAgIHRoaXMuc2V0VXBEaXNtaXNzKCk7XG4gICAgfVxuXG4gICAgc2V0VXBEaXNtaXNzKCkge1xuICAgICAgICBjb25zdCBkaXNtaXNzQnV0dG9uID0gdGhpcy5yb290LnF1ZXJ5U2VsZWN0b3IoJy5qcy1zZC1jYXJkLWRpc21pc3MnKTtcblxuICAgICAgICBpZiAoIWRpc21pc3NCdXR0b24pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGRpc21pc3NFdmVudCA9IG5ldyBFdmVudCgnc2RDYXJkLmRpc21pc3NlZCcpO1xuXG4gICAgICAgIGRpc21pc3NCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnJvb3QuY2xhc3NMaXN0LmFkZCgnZGlzbWlzc2VkJyk7XG5cbiAgICAgICAgICAgIHRoaXMucm9vdC5hZGRFdmVudExpc3RlbmVyKCd0cmFuc2l0aW9uZW5kJywgKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMucm9vdC5jbGFzc0xpc3QuYWRkKCdoaWRlJyk7XG4gICAgICAgICAgICAgICAgdGhpcy5yb290LmRpc3BhdGNoRXZlbnQoZGlzbWlzc0V2ZW50KTtcbiAgICAgICAgICAgIH0sIHsgb25jZTogdHJ1ZSB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuXG5kb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJywgKCkgPT4ge1xuICAgIGNvbnN0IHNkQ2FyZHMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuc2QtY2FyZCcpO1xuICAgIHNkQ2FyZHMuZm9yRWFjaChjYXJkID0+IG5ldyBTRENhcmQoeyByb290OiBjYXJkIH0pKTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztJQUFNQSxNO0VBQ0YsZ0JBQVlDLE9BQVosRUFBcUI7SUFBQTs7SUFDakIsS0FBS0MsSUFBTCxHQUFZRCxPQUFPLENBQUNDLElBQXBCO0lBQ0EsS0FBS0MsWUFBTDtFQUNIOzs7O1dBRUQsd0JBQWU7TUFBQTs7TUFDWCxJQUFNQyxhQUFhLEdBQUcsS0FBS0YsSUFBTCxDQUFVRyxhQUFWLENBQXdCLHFCQUF4QixDQUF0Qjs7TUFFQSxJQUFJLENBQUNELGFBQUwsRUFBb0I7UUFDaEI7TUFDSDs7TUFFRCxJQUFNRSxZQUFZLEdBQUcsSUFBSUMsS0FBSixDQUFVLGtCQUFWLENBQXJCO01BRUFILGFBQWEsQ0FBQ0ksZ0JBQWQsQ0FBK0IsT0FBL0IsRUFBd0MsWUFBTTtRQUMxQyxLQUFJLENBQUNOLElBQUwsQ0FBVU8sU0FBVixDQUFvQkMsR0FBcEIsQ0FBd0IsV0FBeEI7O1FBRUEsS0FBSSxDQUFDUixJQUFMLENBQVVNLGdCQUFWLENBQTJCLGVBQTNCLEVBQTRDLFlBQU07VUFDOUMsS0FBSSxDQUFDTixJQUFMLENBQVVPLFNBQVYsQ0FBb0JDLEdBQXBCLENBQXdCLE1BQXhCOztVQUNBLEtBQUksQ0FBQ1IsSUFBTCxDQUFVUyxhQUFWLENBQXdCTCxZQUF4QjtRQUNILENBSEQsRUFHRztVQUFFTSxJQUFJLEVBQUU7UUFBUixDQUhIO01BSUgsQ0FQRDtJQVFIOzs7Ozs7QUFHTEMsUUFBUSxDQUFDTCxnQkFBVCxDQUEwQixrQkFBMUIsRUFBOEMsWUFBTTtFQUNoRCxJQUFNTSxPQUFPLEdBQUdELFFBQVEsQ0FBQ0UsZ0JBQVQsQ0FBMEIsVUFBMUIsQ0FBaEI7RUFDQUQsT0FBTyxDQUFDRSxPQUFSLENBQWdCLFVBQUFDLElBQUk7SUFBQSxPQUFJLElBQUlqQixNQUFKLENBQVc7TUFBRUUsSUFBSSxFQUFFZTtJQUFSLENBQVgsQ0FBSjtFQUFBLENBQXBCO0FBQ0gsQ0FIRCJ9