text: define(["exports", "meta", "../../lit/index.js"], function (_exports, meta, _index) {
    "use strict";
  
    Object.defineProperty(_exports, "__esModule", {
      value: true
    });
    _exports.FullWidthImage = void 0;
    meta = _interopRequireWildcard(meta);
  
    var _templateObject_184dd740942811ecb1937969798b231a, _templateObject2_184dd740942811ecb1937969798b231a;
  
    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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; } }
  
    /**
     * `full-width-image`
     * `full width image that flows beyond boundaries`
     *
     * @microcopy - language worth noting:
     *  - images are best used when stretched across content
     *
     * @demo demo/index.html
     * @element full-width-image
     */
    var FullWidthImage = /*#__PURE__*/function (_LitElement) {
      babelHelpers.inherits(FullWidthImage, _LitElement);
  
      var _super = _createSuper(FullWidthImage);
  
      function FullWidthImage() {
        babelHelpers.classCallCheck(this, FullWidthImage);
        return _super.apply(this, arguments);
      }
  
      babelHelpers.createClass(FullWidthImage, [{
        key: "render",
        value: // render function
        function render() {
          return (0, _index.html)(_templateObject_184dd740942811ecb1937969798b231a || (_templateObject_184dd740942811ecb1937969798b231a = babelHelpers.taggedTemplateLiteral([" <div id=\"image\">\n      <div class=\"wrapper\">\n        <div class=\"caption\">\n          ", "\n          <slot></slot>\n        </div>\n      </div>\n    </div>"])), this.caption);
        } // haxProperty definition
  
      }, {
        key: "updated",
        value:
        /**
         * LitElement properties changed
         */
        function updated(changedProperties) {
          var _this = this;
  
          changedProperties.forEach(function (oldValue, propName) {
            if (propName == "source") {
              _this._sourceChanged(_this[propName]);
            }
          });
        }
      }, {
        key: "_sourceChanged",
        value: function _sourceChanged(newValue) {
          if (babelHelpers.typeof(newValue) !== (typeof undefined === "undefined" ? "undefined" : babelHelpers.typeof(undefined))) {
            this.shadowRoot.querySelector("#image").style.backgroundImage = "url(\"".concat(newValue, "\")");
          }
        }
      }], [{
        key: "styles",
        get: //styles function
        function get() {
          return [(0, _index.css)(_templateObject2_184dd740942811ecb1937969798b231a || (_templateObject2_184dd740942811ecb1937969798b231a = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #000000;\n          height: 300px;\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #image {\n          left: 0;\n          right: 0;\n          position: absolute;\n          background-repeat: no-repeat;\n          background-position: center center;\n          background-size: cover;\n          width: 100%;\n          text-align: center;\n        }\n\n        :host([hax-preview-mode]) #image {\n          left: unset;\n          right: unset;\n          position: unset;\n        }\n\n        .wrapper {\n          opacity: 1;\n          background-color: rgba(0, 0, 0, 0.6);\n          padding: 100px;\n          height: 100px;\n          transition: 0.5s all ease-in-out;\n          -webkit-transition: 0.5s all ease-in-out;\n          -moz-transition: 0.5s all ease-in-out;\n          -ms-transition: 0.5s all ease-in-out;\n          -o-transition: 0.5s all ease-in-out;\n        }\n\n        .wrapper:hover {\n          opacity: 0;\n          background-color: transparent;\n        }\n\n        .caption {\n          padding: 35px 0;\n          font-size: 25px;\n          line-height: 40px;\n          color: #fff;\n          font-style: italic;\n        }\n      "])))];
        }
      }, {
        key: "haxProperties",
        get: function get() {
          return new URL("./lib/".concat(this.tag, ".haxProperties.json"), meta.url).href;
        } // properties available to the custom element for data binding
  
      }, {
        key: "properties",
        get: function get() {
          return _objectSpread(_objectSpread({}, babelHelpers.get(babelHelpers.getPrototypeOf(FullWidthImage), "properties", this)), {}, {
            source: {
              type: String,
              reflect: true
            },
            caption: {
              type: String,
              reflect: true
            }
          });
        }
        /**
         * convention
         */
  
      }, {
        key: "tag",
        get: function get() {
          return "full-width-image";
        }
      }]);
      return FullWidthImage;
    }(_index.LitElement);
  
    _exports.FullWidthImage = FullWidthImage;
    window.customElements.define("full-width-image", FullWidthImage);
  });