text: define(["exports", "require", "../../../lit/index.js", "../../simple-colors/simple-colors.js"], function (_exports, _require, _index, _simpleColors) {
    "use strict";
  
    Object.defineProperty(_exports, "__esModule", {
      value: true
    });
    _exports.SimpleBlogOverview = void 0;
    _require = _interopRequireWildcard(_require);
  
    var _templateObject_fed1f6b0feb911eb8439e3eec9305af7, _templateObject2_fed1f6b0feb911eb8439e3eec9305af7;
  
    function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  
    function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || babelHelpers.typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  
    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
  
    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  
    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = babelHelpers.getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = babelHelpers.getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return babelHelpers.possibleConstructorReturn(this, result); }; }
  
    function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
  
    /**
     * `simple-blog-overview`
     * @element simple-blog-overview
     * `Overview / preview of the text of the post with title`
     *
     *  @microcopy - the mental model for this element
     *  - this is one post in a listing of many most likely
     *  - a posting has only text preview
     *
     */
    var SimpleBlogOverview = /*#__PURE__*/function (_SimpleColors) {
      babelHelpers.inherits(SimpleBlogOverview, _SimpleColors);
  
      var _super = _createSuper(SimpleBlogOverview);
  
      /**
       * HTMLElement
       */
      function SimpleBlogOverview() {
        var _this;
  
        babelHelpers.classCallCheck(this, SimpleBlogOverview);
        _this = _super.call(this);
        _this.elevation = 0;
        new Promise(function (res, rej) {
          return _require.default(["../../simple-datetime/simple-datetime.js"], res, rej);
        });
        setTimeout(function () {
          _this.addEventListener("mousedown", _this.tapEventOn.bind(babelHelpers.assertThisInitialized(_this)));
  
          _this.addEventListener("mouseover", _this.tapEventOn.bind(babelHelpers.assertThisInitialized(_this)));
  
          _this.addEventListener("mouseout", _this.tapEventOff.bind(babelHelpers.assertThisInitialized(_this)));
  
          _this.addEventListener("focusin", _this.tapEventOn.bind(babelHelpers.assertThisInitialized(_this)));
  
          _this.addEventListener("focusout", _this.tapEventOff.bind(babelHelpers.assertThisInitialized(_this)));
        }, 0);
        return _this;
      }
      /**
       * LitElement render
       */
  
  
      babelHelpers.createClass(SimpleBlogOverview, [{
        key: "render",
        value: function render() {
          return (0, _index.html)(_templateObject_fed1f6b0feb911eb8439e3eec9305af7 || (_templateObject_fed1f6b0feb911eb8439e3eec9305af7 = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" itemprop=\"url\" title=\"", "\">\n        <div class=\"card\">\n          <article\n            class=\"post\"\n            itemtype=\"http://schema.org/BlogPosting\"\n            role=\"article\"\n          >\n            <div class=\"article-item\">\n              <header class=\"post-header\">\n                <h3 class=\"post-title\" itemprop=\"name\">", "</h3>\n              </header>\n              <section class=\"post-excerpt\" itemprop=\"description\">\n                <p>", "</p>\n              </section>\n              <div class=\"post-meta\">\n                <simple-datetime\n                  format=\"M jS, Y\"\n                  timestamp=\"", "\"\n                  unix=\"\"\n                ></simple-datetime>\n              </div>\n            </div>\n          </article>\n        </div>\n      </a>\n    "])), this.link, this.title, this.title, this.description, this.changed);
        }
        /**
         * LitElement / popular convention
         */
  
      }, {
        key: "tapEventOn",
        value:
        /**
         * special handling for taps on the thing
         */
        function tapEventOn(e) {
          this.elevation = 2;
        }
        /**
         * Hover off stop showing the deeper shadow.
         */
  
      }, {
        key: "tapEventOff",
        value: function tapEventOff(e) {
          this.elevation = 0;
        }
      }], [{
        key: "styles",
        get:
        /**
         * LitElement render style
         */
        function get() {
          return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "styles", this)), [(0, _index.css)(_templateObject2_fed1f6b0feb911eb8439e3eec9305af7 || (_templateObject2_fed1f6b0feb911eb8439e3eec9305af7 = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          outline: none;\n          text-transform: none;\n        }\n        div.card {\n          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.7);\n          padding: 32px 16px;\n          margin: 0;\n          min-width: unset;\n          width: 100%;\n          background-color: transparent;\n        }\n        .post-title {\n          letter-spacing: -0.32px;\n          font-weight: 700;\n          font-style: normal;\n          display: block;\n          font-size: 28px;\n          line-height: 1.1;\n          margin: 0;\n        }\n        .post-title a {\n          text-decoration: none;\n          color: #333332;\n        }\n        .post-excerpt,\n        simple-datetime {\n          letter-spacing: -0.32px;\n          font-weight: 300;\n          font-style: normal;\n          font-size: 16px;\n          line-height: 1.3;\n          color: var(--simple-colors-default-theme-grey-10);\n        }\n        .post-excerpt p {\n          text-transform: none;\n        }\n        :host([elevation=\"2\"]) .post-excerpt,\n        :host([elevation=\"2\"]) simple-datetime {\n          color: var(--simple-colors-default-theme-grey-12);\n          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);\n        }\n        .post-meta {\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n        a,\n        a:visited,\n        a:hover,\n        a:focus,\n        a:active {\n          color: inherit;\n        }\n      "])))]);
        }
        /**
         * Store the tag name to make it easier to obtain directly.
         */
  
      }, {
        key: "tag",
        get: function get() {
          return "simple-blog-overview";
        }
      }, {
        key: "properties",
        get: function get() {
          return _objectSpread(_objectSpread({}, babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "properties", this)), {}, {
            /**
             * ID of this item, this is used for selection UX when back button hit, leave this here
             */
            itemId: {
              type: String,
              reflect: true,
              attribute: "item-id"
            },
  
            /**
             * Title
             */
            title: {
              type: String
            },
  
            /**
             * Body of text
             */
            body: {
              type: String
            },
  
            /**
             * Link referencing the page content.
             */
            link: {
              type: String
            },
  
            /**
             * timestamp (unix) of last time changed
             */
            changed: {
              type: Number
            },
  
            /**
             * elevation
             */
            elevation: {
              type: Number,
              reflect: true
            }
          });
        }
      }]);
      return SimpleBlogOverview;
    }(_simpleColors.SimpleColors);
  
    _exports.SimpleBlogOverview = SimpleBlogOverview;
    window.customElements.define(SimpleBlogOverview.tag, SimpleBlogOverview);
  });