{"version":3,"sources":["webpack:///./src/assets/styles/__border-radius.module.scss?3d76","webpack:///./node_modules/@babel/runtime/helpers/esm/isNativeFunction.js","webpack:///./node_modules/@babel/runtime/helpers/esm/construct.js","webpack:///./node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js","webpack:///./src/lib/components/Loader/DfSkeletonLoader.js"],"names":["module","exports","_isNativeFunction","t","Function","toString","call","indexOf","n","_construct","e","r","isNativeReflectConstruct","Reflect","construct","apply","arguments","o","push","p","bind","setPrototypeOf","prototype","_wrapNativeSuper","Map","isNativeFunction","TypeError","has","get","set","Wrapper","getPrototypeOf","this","constructor","Object","create","value","enumerable","writable","configurable","DfSkeletonLoader","_HTMLElement","_this","_classCallCheck","_callSuper","attachShadow","mode","colorBackgroundDisabled","colors","borderRadiusSm","radius","_color","_height","_type","_width","shadowRoot","innerHTML","concat","_inherits","_createClass","key","name","_","newValue","updateStyles","hex","percent","replace","parseInt","substring","g","b","Math","max","round","padStart","_loadingColor","darkenHexColor","loader","querySelector","style","height","width","background","backgroundSize","HTMLElement","customElements","define"],"mappings":"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","file":"js/chunk-50362b7c.1d307177.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"spacingXs\":\"4px\",\"spacingSm\":\"8px\",\"spacingM\":\"12px\",\"spacingL\":\"16px\",\"spacingXl\":\"24px\",\"spacingXxl\":\"32px\",\"colorBackgroundPrimary\":\"#39af49\",\"colorBackgroundPrimaryLight\":\"#62cc70\",\"colorBackgroundPrimaryLighter\":\"#96dda0\",\"colorBackgroundPrimaryLightest\":\"#d8f2dc\",\"colorBackgroundPrimaryDark\":\"#2b8337\",\"colorBackgroundSecondary\":\"#1a2b46\",\"colorBackgroundSecondaryLight\":\"#305082\",\"colorBackgroundSecondaryLighter\":\"#4a76bc\",\"colorBackgroundSecondaryLightest\":\"#c3d1e9\",\"colorBackgroundDanger\":\"#f23528\",\"colorBackgroundDangerDark\":\"#b2150b\",\"colorBackgroundWarning\":\"#f2cd12\",\"colorBackgroundWarningLight\":\"#fff2b0\",\"colorBackgroundWarningDark\":\"#a68b08\",\"colorBackgroundSuccess\":\"#62cc70\",\"colorBackgroundSuccessDark\":\"#2b8337\",\"colorBackgroundWhite\":\"#ffffff\",\"colorBackgroundLight\":\"#f8f9f8\",\"colorBackgroundNeutral\":\"#788476\",\"colorBackgroundDisabled\":\"#e6e9e6\",\"colorBackgroundBlack\":\"#071505\",\"colorBorderPrimary\":\"#39af49\",\"colorBorder\":\"#e6e9e6\",\"colorBorderDark\":\"#aab2a9\",\"colorBorderError\":\"#f23528\",\"colorBorderSuccess\":\"#39af49\",\"colorBorderFocus\":\"#1a2b46\",\"colorIconPrimary\":\"#39af49\",\"colorIconSecondary\":\"#1a2b46\",\"colorIconTertiary\":\"#4a76bc\",\"colorIconDanger\":\"#f23528\",\"colorIconWarning\":\"#f2cd12\",\"colorIconSuccess\":\"#39af49\",\"colorIconWhite\":\"#ffffff\",\"colorIconNeutral\":\"#5b6459\",\"colorIconDisabled\":\"#aab2a9\",\"colorTextPrimary\":\"#39af49\",\"colorTextSecondary\":\"#1a2b46\",\"colorTextTertiary\":\"#4a76bc\",\"colorTextWhite\":\"#ffffff\",\"colorTextNeutral\":\"#5b6459\",\"colorTextDisabled\":\"#aab2a9\",\"colorTextBlack\":\"#071505\",\"colorTextDanger\":\"#f23528\",\"colorTextWarning\":\"#f2cd12\",\"colorTextSuccess\":\"#39af49\",\"greenLight100\":\"#62cc70\",\"greenLight50\":\"#96dda0\",\"greenLight25\":\"#d8f2dc\",\"greenDark25\":\"#2b8337\",\"blueLight100\":\"#305082\",\"blueLight50\":\"#4a76bc\",\"blueLight25\":\"#c3d1e9\",\"white\":\"#ffffff\",\"grayLight100\":\"#f8f9f8\",\"grayLight75\":\"#e6e9e6\",\"grayLight50\":\"#aab2a9\",\"grayLight25\":\"#788476\",\"gray\":\"#5b6459\",\"grayDark100\":\"#51594f\",\"grayDark75\":\"#3f4e3c\",\"grayDark50\":\"#253521\",\"grayDark25\":\"#0e180c\",\"grayDarkOpacity\":\"rgba(14, 24, 12, 0.4)\",\"black\":\"#071505\",\"red\":\"#f23528\",\"redLight100\":\"#ffe1df\",\"redDark100\":\"#b2150b\",\"yellow\":\"#f2cd12\",\"yellowLight100\":\"#fff2b0\",\"yellowDark100\":\"#a68b08\",\"borderRadiusSm\":\"4px\",\"borderRadiusM\":\"8px\",\"borderRadiusL\":\"12px\",\"borderRadiusXl\":\"16px\",\"borderRadiusXxl\":\"999999px\",\"paragraphXSmallColor\":\"#071505\",\"paragraphXSmallFontFamily\":\"Rubik\",\"paragraphXSmallFontSize\":\"12px\",\"paragraphXSmallFontStyle\":\"normal\",\"paragraphXSmallFontWeight\":\"400\",\"paragraphXSmallFineHeight\":\"16px\",\"df-flex-none\":\"__border-radius-module_df-flex-none_3Ghms\",\"df-flex-xs\":\"__border-radius-module_df-flex-xs_1mT-B\",\"df-flex-sm\":\"__border-radius-module_df-flex-sm_1Ag2t\",\"df-flex-m\":\"__border-radius-module_df-flex-m_2_mAJ\",\"df-flex-l\":\"__border-radius-module_df-flex-l_w7L_l\",\"df-flex-xl\":\"__border-radius-module_df-flex-xl_QVGKn\",\"df-flex-xxl\":\"__border-radius-module_df-flex-xxl_pF1NC\",\"df-flex-col\":\"__border-radius-module_df-flex-col_3-_Ab\",\"df-flex-col-t\":\"__border-radius-module_df-flex-col-t_2DLKF\",\"df-flex-col-m\":\"__border-radius-module_df-flex-col-m_3Wgnk\",\"df-col-1\":\"__border-radius-module_df-col-1_2YcgP\",\"df-col-1-t\":\"__border-radius-module_df-col-1-t_iT6PJ\",\"df-flex-none-t\":\"__border-radius-module_df-flex-none-t_iIAk6\",\"df-flex-xs-t\":\"__border-radius-module_df-flex-xs-t_3i_ZP\",\"df-flex-sm-t\":\"__border-radius-module_df-flex-sm-t_1RYLU\",\"df-flex-m-t\":\"__border-radius-module_df-flex-m-t_1BBXn\",\"df-flex-l-t\":\"__border-radius-module_df-flex-l-t_2LTaF\",\"df-flex-xl-t\":\"__border-radius-module_df-flex-xl-t_juUTU\",\"df-flex-xxl-t\":\"__border-radius-module_df-flex-xxl-t_kO8IW\",\"df-col-1-m\":\"__border-radius-module_df-col-1-m_1MSU6\",\"df-flex-none-m\":\"__border-radius-module_df-flex-none-m_T6gri\",\"df-flex-xs-m\":\"__border-radius-module_df-flex-xs-m_27Jgh\",\"df-flex-sm-m\":\"__border-radius-module_df-flex-sm-m_3-8by\",\"df-flex-m-m\":\"__border-radius-module_df-flex-m-m_oG9Qh\",\"df-flex-l-m\":\"__border-radius-module_df-flex-l-m_SGgQ5\",\"df-flex-xl-m\":\"__border-radius-module_df-flex-xl-m_212iE\",\"df-flex-xxl-m\":\"__border-radius-module_df-flex-xxl-m_1IT6n\",\"df-col-2\":\"__border-radius-module_df-col-2_1K4Sm\",\"df-col-2-t\":\"__border-radius-module_df-col-2-t_1gTXH\",\"df-col-2-m\":\"__border-radius-module_df-col-2-m_12Kq2\",\"df-col-3\":\"__border-radius-module_df-col-3_2i2Lp\",\"df-col-3-t\":\"__border-radius-module_df-col-3-t_iIZcO\",\"df-col-3-m\":\"__border-radius-module_df-col-3-m_1Tppz\",\"df-col-4\":\"__border-radius-module_df-col-4_1mD-K\",\"df-col-4-t\":\"__border-radius-module_df-col-4-t_BJO9H\",\"df-col-4-m\":\"__border-radius-module_df-col-4-m_15hwD\",\"df-col-5\":\"__border-radius-module_df-col-5_3gHDM\",\"df-col-5-t\":\"__border-radius-module_df-col-5-t_13Kc4\",\"df-col-5-m\":\"__border-radius-module_df-col-5-m_2eXLQ\",\"df-col-6\":\"__border-radius-module_df-col-6_ebB36\",\"df-col-6-t\":\"__border-radius-module_df-col-6-t_3MA1m\",\"df-col-6-m\":\"__border-radius-module_df-col-6-m_vvcGa\",\"df-col-7\":\"__border-radius-module_df-col-7_3VRhc\",\"df-col-7-t\":\"__border-radius-module_df-col-7-t_3oQAE\",\"df-col-7-m\":\"__border-radius-module_df-col-7-m_2tmKy\",\"df-col-8\":\"__border-radius-module_df-col-8_2fqyV\",\"df-col-8-t\":\"__border-radius-module_df-col-8-t_3AsUi\",\"df-col-8-m\":\"__border-radius-module_df-col-8-m_1iu80\",\"df-col-9\":\"__border-radius-module_df-col-9_10EH3\",\"df-col-9-t\":\"__border-radius-module_df-col-9-t_2do9U\",\"df-col-9-m\":\"__border-radius-module_df-col-9-m_1qemt\",\"df-col-10\":\"__border-radius-module_df-col-10_1m1c_\",\"df-col-10-t\":\"__border-radius-module_df-col-10-t_3ZyJU\",\"df-col-10-m\":\"__border-radius-module_df-col-10-m_vV8xR\",\"df-col-11\":\"__border-radius-module_df-col-11_2suDm\",\"df-col-11-t\":\"__border-radius-module_df-col-11-t_3_kLW\",\"df-col-11-m\":\"__border-radius-module_df-col-11-m_2HSEK\",\"df-col-12\":\"__border-radius-module_df-col-12_3YoZ9\",\"df-col-12-t\":\"__border-radius-module_df-col-12-t_3e33X\",\"df-col-12-m\":\"__border-radius-module_df-col-12-m_3VaaU\",\"v-subheader\":\"__border-radius-module_v-subheader_3Lb4l\",\"v-application\":\"__border-radius-module_v-application_3DgMx\",\"container\":\"__border-radius-module_container_w7a4k\"};","function _isNativeFunction(t) {\n  try {\n    return -1 !== Function.toString.call(t).indexOf(\"[native code]\");\n  } catch (n) {\n    return \"function\" == typeof t;\n  }\n}\nexport { _isNativeFunction as default };","import isNativeReflectConstruct from \"./isNativeReflectConstruct.js\";\nimport setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _construct(t, e, r) {\n  if (isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);\n  var o = [null];\n  o.push.apply(o, e);\n  var p = new (t.bind.apply(t, o))();\n  return r && setPrototypeOf(p, r.prototype), p;\n}\nexport { _construct as default };","import getPrototypeOf from \"./getPrototypeOf.js\";\nimport setPrototypeOf from \"./setPrototypeOf.js\";\nimport isNativeFunction from \"./isNativeFunction.js\";\nimport construct from \"./construct.js\";\nfunction _wrapNativeSuper(t) {\n  var r = \"function\" == typeof Map ? new Map() : void 0;\n  return _wrapNativeSuper = function _wrapNativeSuper(t) {\n    if (null === t || !isNativeFunction(t)) return t;\n    if (\"function\" != typeof t) throw new TypeError(\"Super expression must either be null or a function\");\n    if (void 0 !== r) {\n      if (r.has(t)) return r.get(t);\n      r.set(t, Wrapper);\n    }\n    function Wrapper() {\n      return construct(t, arguments, getPrototypeOf(this).constructor);\n    }\n    return Wrapper.prototype = Object.create(t.prototype, {\n      constructor: {\n        value: Wrapper,\n        enumerable: !1,\n        writable: !0,\n        configurable: !0\n      }\n    }), setPrototypeOf(Wrapper, t);\n  }, _wrapNativeSuper(t);\n}\nexport { _wrapNativeSuper as default };","import colors from '@/assets/styles/__colors.module.scss'\nimport radius from '@/assets/styles/__border-radius.module.scss'\n\nclass DfSkeletonLoader extends HTMLElement {\n  static get observedAttributes() {\n    return ['color', 'height', 'type', 'width']\n  }\n\n  attributeChangedCallback(name, _, newValue) {\n    // Props must be passed in alphabetical order to take effect\n    if (name === 'color') {\n      this._color = newValue\n    }\n    if (name === 'height') {\n      this._height = newValue\n    }\n    if (name === 'type') {\n      this._type = newValue\n    }\n    if (name === 'width') {\n      this._width = newValue\n    }\n\n    this.updateStyles()\n  }\n\n  connectedCallback() {\n    this.updateStyles()\n  }\n\n  darkenHexColor(hex, percent) {\n    hex = hex.replace('#', '')\n\n    let r = parseInt(hex.substring(0, 2), 16)\n    let g = parseInt(hex.substring(2, 4), 16)\n    let b = parseInt(hex.substring(4, 6), 16)\n\n    r = Math.max(0, Math.round(r * (1 - percent / 100)))\n    g = Math.max(0, Math.round(g * (1 - percent / 100)))\n    b = Math.max(0, Math.round(b * (1 - percent / 100)))\n\n    return `#${r.toString(16).padStart(2, '0')}${g\n      .toString(16)\n      .padStart(2, '0')}${b.toString(16).padStart(2, '0')}`\n  }\n\n  updateStyles() {\n    this._loadingColor = this.darkenHexColor(this._color, 10)\n    const loader = this.shadowRoot.querySelector('#loader')\n    loader.style.height = this._height\n    loader.style.width = this._width\n    loader.style.background = `linear-gradient(\n      105deg,\n      ${this._color} 0%,\n      ${this._color} 30%,\n      ${this._loadingColor} 50%,\n      ${this._color} 70%,\n      ${this._color} 100%\n    )`\n    loader.style.backgroundSize = '200% 100%'\n  }\n\n  constructor() {\n    super()\n    this.attachShadow({ mode: 'open' })\n    const { colorBackgroundDisabled } = colors\n    const { borderRadiusSm } = radius\n\n    this._color = colorBackgroundDisabled\n    this._height = '40px'\n    this._type = 'image'\n    this._width = 'auto'\n\n    this.shadowRoot.innerHTML = `\n      <style scoped>\n        .df-skeleton-loader {\n          border-radius: ${borderRadiusSm};\n          animation: loading 2.5s infinite linear;\n        }\n        @keyframes loading {\n          from {\n            background-position: 200% 0;\n          }\n          to {\n            background-position: -200% 0;\n          }\n        }\n      </style>\n      <div id=\"loader\" class=\"df-skeleton-loader\"></div>\n    `\n  }\n}\n\ncustomElements.define('df-skeleton-loader', DfSkeletonLoader)\n"],"sourceRoot":""}