@madie/madie-design-system 1.2.97 → 1.2.98

package/storybook-static/MadieSpinner-MadieSpinner-stories.82085813.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[3550],{"./components/MadieSpinner/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@mui/material/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_material,_propTypes){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var MadieSpinner=function MadieSpinner(props){return _react.default.createElement(_material.CircularProgress,_extends({"aria-label":"loading-spinner",sx:{"& .MuiCircularProgress-svg":{backgroundColor:"transparent",borderRadius:"100%",boxShadow:"inset 0 0 0px ".concat(props.thickness?props.thickness:"7","px #DDDDDD")},"& .MuiCircularProgress-circle":{color:"#209FA6",strokeLinecap:"round"}},thickness:7,style:{height:50,width:50}},props))};MadieSpinner.propTypes={thickness:_propTypes.default.number},_exports.default=MadieSpinner,MadieSpinner.__docgenInfo={description:"",methods:[],displayName:"MadieSpinner",props:{thickness:{description:"",type:{name:"number"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/MadieSpinner/MadieSpinner.stories.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./components/MadieSpinner/index.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_addonKnobs,_index){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.ExampleSpinner=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes),_index=_interopRequireDefault(_index),_exports.default={title:"MadieSpinner",component:_index.default,decorators:[_addonKnobs.withKnobs]};const Wrapper=({children})=>_react.default.createElement("div",{className:"qpp-u-padding--16",style:{width:300}},children);Wrapper.propTypes={className:_propTypes.default.string,children:_propTypes.default.node};const ExampleSpinner=()=>_react.default.createElement(Wrapper,null,_react.default.createElement(_index.default,null));_exports.ExampleSpinner=ExampleSpinner,ExampleSpinner.storyName="example Madie Spinner"})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]);
+//# sourceMappingURL=MadieSpinner-MadieSpinner-stories.82085813.iframe.bundle.js.map

package/storybook-static/MadieSpinner-MadieSpinner-stories.82085813.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadieSpinner-MadieSpinner-stories.cf323a75.iframe.bundle.js","mappings":"AAKA","sources":["webpack://@madie/madie-design-system/./components/MadieSpinner/index.jsx","webpack://@madie/madie-design-system/./components/MadieSpinner/MadieSpinner.stories.js"],"sourcesContent":["import React from \"react\";\nimport { CircularProgress } from \"@mui/material\";\nimport PropTypes from \"prop-types\";\n\n// To change the spinner size you have to pass style props for height and width.\nconst MadieSpinner = (props) => {\n    return (\n        <CircularProgress\n            aria-label=\"loading-spinner\"\n            sx={{\n                \"& .MuiCircularProgress-svg\": {\n                    backgroundColor: \"transparent\",\n                    borderRadius: \"100%\",\n                    boxShadow: `inset 0 0 0px ${\n                        props.thickness ? props.thickness : \"7\"\n                    }px #DDDDDD`,\n                },\n                \"& .MuiCircularProgress-circle\": {\n                    color: \"#209FA6\",\n                    strokeLinecap: \"round\",\n                },\n            }}\n            thickness={7}\n            style={{ height: 50, width: 50 }}\n            // Props overwrite whatever they want.\n            {...props}\n        />\n    );\n};\n\nMadieSpinner.propTypes = {\n    thickness: PropTypes.number,\n};\n\nexport default MadieSpinner;\n","(function (global, factory) {\n  if (typeof define === \"function\" && define.amd) {\n    define([\"exports\", \"react\", \"prop-types\", \"@storybook/addon-knobs\", \"./index\"], factory);\n  } else if (typeof exports !== \"undefined\") {\n    factory(exports, require(\"react\"), require(\"prop-types\"), require(\"@storybook/addon-knobs\"), require(\"./index\"));\n  } else {\n    var mod = {\n      exports: {}\n    };\n    factory(mod.exports, global.react, global.propTypes, global.addonKnobs, global.index);\n    global.MadieSpinnerStories = mod.exports;\n  }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_exports, _react, _propTypes, _addonKnobs, _index) {\n  \"use strict\";\n\n  Object.defineProperty(_exports, \"__esModule\", {\n    value: true\n  });\n  _exports.default = _exports.ExampleSpinner = void 0;\n  _react = _interopRequireDefault(_react);\n  _propTypes = _interopRequireDefault(_propTypes);\n  _index = _interopRequireDefault(_index);\n  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n  var _default = _exports.default = {\n    title: \"MadieSpinner\",\n    component: _index.default,\n    decorators: [_addonKnobs.withKnobs]\n  };\n  const Wrapper = ({\n    children\n  }) => /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: \"qpp-u-padding--16\",\n    style: {\n      width: 300\n    }\n  }, children);\n  Wrapper.propTypes = {\n    className: _propTypes.default.string,\n    children: _propTypes.default.node\n  };\n  const ExampleSpinner = () => /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_index.default, null));\n  _exports.ExampleSpinner = ExampleSpinner;\n  ExampleSpinner.storyName = \"example Madie Spinner\";\n});"],"names":[],"sourceRoot":""}

package/storybook-static/MadieTooltip-MadieTooltip-stories.c7413617.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[5046],{"./components/MadieTooltip/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./node_modules/@mui/material/index.js"),__webpack_require__("./components/MadieTooltipIcon/index.jsx")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_material,_MadieTooltipIcon){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes),_MadieTooltipIcon=_interopRequireDefault(_MadieTooltipIcon);var _excluded=["id","widthContainer","heightContainer"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var MadieToolTip=function MadieToolTip(_ref){var id=_ref.id,_ref$widthContainer=_ref.widthContainer,widthContainer=void 0===_ref$widthContainer?14:_ref$widthContainer,_ref$heightContainer=_ref.heightContainer,heightContainer=void 0===_ref$heightContainer?14:_ref$heightContainer,rest=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_material.Tooltip,_extends({placement:"bottom",arrow:!0,slotProps:{tooltip:{sx:{zIndex:99,backgroundColor:"#333","& .MuiTooltip-arrow":{color:"#333"}}}}},rest),_react.default.createElement("div",{"aria-describedby":id,tabIndex:0,style:{width:widthContainer,height:heightContainer},"data-testId":id,id},_react.default.createElement(_MadieTooltipIcon.default,null)))};MadieToolTip.propTypes={id:_propTypes.default.string,widthContainer:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]),heightContainer:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string])},_exports.default=MadieToolTip,MadieToolTip.__docgenInfo={description:"",methods:[],displayName:"MadieToolTip",props:{widthContainer:{defaultValue:{value:"14",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},heightContainer:{defaultValue:{value:"14",computed:!1},description:"",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},id:{description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/MadieTooltipIcon/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["color"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var TooltipIcon=function TooltipIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#0073C8":_ref$color,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},props),_react.default.createElement("g",{clipPath:"url(#clip0_17397_1786)"},_react.default.createElement("path",{d:"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z",fill:color})),_react.default.createElement("defs",null,_react.default.createElement("clipPath",{id:"clip0_17397_1786"},_react.default.createElement("rect",{width:"14",height:"14",fill:color}))))};_exports.default=TooltipIcon,TooltipIcon.propTypes={color:_propTypes.default.string},TooltipIcon.__docgenInfo={description:"",methods:[],displayName:"TooltipIcon",props:{color:{defaultValue:{value:'"#0073C8"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/MadieTooltip/MadieTooltip.stories.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./components/MadieTooltip/index.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_index){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.ExampleTooltip=void 0,_react=_interopRequireDefault(_react),_index=_interopRequireDefault(_index);const offsetDecorator=storyFn=>_react.default.createElement("div",{style:{marginLeft:120,marginTop:25}},storyFn());_exports.default={title:"MadieTooltip",component:_index.default};const ExampleTooltip=()=>_react.default.createElement("div",{style:{width:"14px"}},_react.default.createElement("div",{style:{width:20,marginBottom:20}},_react.default.createElement(_index.default,{title:"Input the new version #",placement:"left"})),_react.default.createElement("div",{style:{width:20,marginBottom:20}},_react.default.createElement(_index.default,{title:"Input the new version #",placement:"right"})),_react.default.createElement("div",{style:{width:20,marginBottom:20}},_react.default.createElement(_index.default,{title:"Input the new version #",placement:"bottom"})));_exports.ExampleTooltip=ExampleTooltip,ExampleTooltip.storyName="Madie Tooltip example",ExampleTooltip.decorators=[offsetDecorator]})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./node_modules/prop-types/factoryWithThrowingShims.js"(module,__unused_webpack_exports,__webpack_require__){"use strict";var ReactPropTypesSecret=__webpack_require__("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},"./node_modules/prop-types/index.js"(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js"(module){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
+//# sourceMappingURL=MadieTooltip-MadieTooltip-stories.c7413617.iframe.bundle.js.map

package/storybook-static/MadieTooltip-MadieTooltip-stories.c7413617.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadieTooltip-MadieTooltip-stories.80f510c3.iframe.bundle.js","mappings":"AAKA","sources":["webpack://@madie/madie-design-system/./components/MadieTooltip/index.jsx","webpack://@madie/madie-design-system/./components/MadieTooltipIcon/index.jsx","webpack://@madie/madie-design-system/./components/MadieTooltip/MadieTooltip.stories.js","webpack://@madie/madie-design-system/./node_modules/prop-types/factoryWithThrowingShims.js","webpack://@madie/madie-design-system/./node_modules/prop-types/index.js","webpack://@madie/madie-design-system/./node_modules/prop-types/lib/ReactPropTypesSecret.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tooltip } from \"@mui/material\";\nimport TooltipIcon from \"../MadieTooltipIcon\";\n\nconst MadieToolTip = \n({\n  id,\n  widthContainer = 14,\n  heightContainer = 14,\n  ...rest\n}) => {\n    return (\n        <Tooltip\n          placement=\"bottom\"\n          arrow\n          slotProps={{\n            tooltip: {\n              sx: {\n                zIndex: 99,\n                backgroundColor: \"#333\",\n                \"& .MuiTooltip-arrow\": {\n                  color: \"#333\",\n                },\n              },\n            },\n          }}\n              {...rest}\n        >\n              <div\n                aria-describedby={id} \n                tabIndex={0}\n                style={{ width: widthContainer, height: heightContainer}}\n                data-testId={id} \n                id={id}\n              >\n                <TooltipIcon />\n              </div>\n            </Tooltip>\n          );\n};\n\n\nMadieToolTip.propTypes = {\n  id: PropTypes.string,\n  widthContainer: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  heightContainer: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n};\n\nexport default MadieToolTip;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst TooltipIcon = ({ color = \"#0073C8\", ...props }) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        {...props}\n    >\n        <g clipPath=\"url(#clip0_17397_1786)\">\n            <path\n                d=\"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z\"\n                fill={color}\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_17397_1786\">\n                <rect width=\"14\" height=\"14\" fill={color} />\n            </clipPath>\n        </defs>\n    </svg>\n);\n\nexport default TooltipIcon;\n\nTooltipIcon.propTypes = {\n    color: PropTypes.string,\n};\n","(function (global, factory) {\n  if (typeof define === \"function\" && define.amd) {\n    define([\"exports\", \"react\", \"./index\"], factory);\n  } else if (typeof exports !== \"undefined\") {\n    factory(exports, require(\"react\"), require(\"./index\"));\n  } else {\n    var mod = {\n      exports: {}\n    };\n    factory(mod.exports, global.react, global.index);\n    global.MadieTooltipStories = mod.exports;\n  }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_exports, _react, _index) {\n  \"use strict\";\n\n  Object.defineProperty(_exports, \"__esModule\", {\n    value: true\n  });\n  _exports.default = _exports.ExampleTooltip = void 0;\n  _react = _interopRequireDefault(_react);\n  _index = _interopRequireDefault(_index);\n  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n  const offsetDecorator = storyFn => /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      marginLeft: 120,\n      marginTop: 25\n    }\n  }, storyFn());\n  var _default = _exports.default = {\n    title: \"MadieTooltip\",\n    component: _index.default\n  };\n  const ExampleTooltip = () => /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      width: \"14px\"\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      width: 20,\n      marginBottom: 20\n    }\n  }, /*#__PURE__*/_react.default.createElement(_index.default, {\n    title: \"Input the new version #\",\n    placement: \"left\"\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      width: 20,\n      marginBottom: 20\n    }\n  }, /*#__PURE__*/_react.default.createElement(_index.default, {\n    title: \"Input the new version #\",\n    placement: \"right\"\n  })), /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      width: 20,\n      marginBottom: 20\n    }\n  }, /*#__PURE__*/_react.default.createElement(_index.default, {\n    title: \"Input the new version #\",\n    placement: \"bottom\"\n  })));\n  _exports.ExampleTooltip = ExampleTooltip;\n  ExampleTooltip.storyName = \"Madie Tooltip example\";\n  ExampleTooltip.decorators = [offsetDecorator];\n});","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bigint: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n"],"names":[],"sourceRoot":""}

package/storybook-static/MadieTooltipIcon-MadieTooltipIcon-stories.b42bb7f1.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[4264],{"./components/MadieTooltipIcon/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["color"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var TooltipIcon=function TooltipIcon(_ref){var _ref$color=_ref.color,color=void 0===_ref$color?"#0073C8":_ref$color,props=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},props),_react.default.createElement("g",{clipPath:"url(#clip0_17397_1786)"},_react.default.createElement("path",{d:"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z",fill:color})),_react.default.createElement("defs",null,_react.default.createElement("clipPath",{id:"clip0_17397_1786"},_react.default.createElement("rect",{width:"14",height:"14",fill:color}))))};_exports.default=TooltipIcon,TooltipIcon.propTypes={color:_propTypes.default.string},TooltipIcon.__docgenInfo={description:"",methods:[],displayName:"TooltipIcon",props:{color:{defaultValue:{value:'"#0073C8"',computed:!1},description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/MadieTooltipIcon/MadieTooltipIcon.stories.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./components/MadieTooltipIcon/index.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_index){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.ExampleTooltipIcon=void 0,_react=_interopRequireDefault(_react),_index=_interopRequireDefault(_index);const offsetDecorator=storyFn=>_react.default.createElement("div",{style:{margin:"80px"}},storyFn());_exports.default={title:"MadieToolTipIcon",component:_index.default};const ExampleTooltipIcon=()=>_react.default.createElement("div",null,_react.default.createElement("div",null,'<TooltipIcon color="#0073C8"/>',_react.default.createElement(_index.default,null)));_exports.ExampleTooltipIcon=ExampleTooltipIcon,ExampleTooltipIcon.storyName="Madie Tooltip Icon example",ExampleTooltipIcon.decorators=[offsetDecorator]})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./node_modules/prop-types/factoryWithThrowingShims.js"(module,__unused_webpack_exports,__webpack_require__){"use strict";var ReactPropTypesSecret=__webpack_require__("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},"./node_modules/prop-types/index.js"(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js"(module){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
+//# sourceMappingURL=MadieTooltipIcon-MadieTooltipIcon-stories.b42bb7f1.iframe.bundle.js.map

package/storybook-static/MadieTooltipIcon-MadieTooltipIcon-stories.b42bb7f1.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadieTooltipIcon-MadieTooltipIcon-stories.becc2a8b.iframe.bundle.js","mappings":"AAGA","sources":["webpack://@madie/madie-design-system/./components/MadieTooltipIcon/index.jsx","webpack://@madie/madie-design-system/./components/MadieTooltipIcon/MadieTooltipIcon.stories.js","webpack://@madie/madie-design-system/./node_modules/prop-types/factoryWithThrowingShims.js","webpack://@madie/madie-design-system/./node_modules/prop-types/index.js","webpack://@madie/madie-design-system/./node_modules/prop-types/lib/ReactPropTypesSecret.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst TooltipIcon = ({ color = \"#0073C8\", ...props }) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        {...props}\n    >\n        <g clipPath=\"url(#clip0_17397_1786)\">\n            <path\n                d=\"M6.4165 10.5H7.58317V9.33334H6.4165V10.5ZM6.99984 1.16667C3.77984 1.16667 1.1665 3.78001 1.1665 7.00001C1.1665 10.22 3.77984 12.8333 6.99984 12.8333C10.2198 12.8333 12.8332 10.22 12.8332 7.00001C12.8332 3.78001 10.2198 1.16667 6.99984 1.16667ZM6.99984 11.6667C4.42734 11.6667 2.33317 9.57251 2.33317 7.00001C2.33317 4.42751 4.42734 2.33334 6.99984 2.33334C9.57234 2.33334 11.6665 4.42751 11.6665 7.00001C11.6665 9.57251 9.57234 11.6667 6.99984 11.6667ZM6.99984 3.50001C5.71067 3.50001 4.6665 4.54417 4.6665 5.83334H5.83317C5.83317 5.19167 6.35817 4.66667 6.99984 4.66667C7.6415 4.66667 8.1665 5.19167 8.1665 5.83334C8.1665 7.00001 6.4165 6.85417 6.4165 8.75001H7.58317C7.58317 7.43751 9.33317 7.29167 9.33317 5.83334C9.33317 4.54417 8.289 3.50001 6.99984 3.50001Z\"\n                fill={color}\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_17397_1786\">\n                <rect width=\"14\" height=\"14\" fill={color} />\n            </clipPath>\n        </defs>\n    </svg>\n);\n\nexport default TooltipIcon;\n\nTooltipIcon.propTypes = {\n    color: PropTypes.string,\n};\n","(function (global, factory) {\n  if (typeof define === \"function\" && define.amd) {\n    define([\"exports\", \"react\", \"./index\"], factory);\n  } else if (typeof exports !== \"undefined\") {\n    factory(exports, require(\"react\"), require(\"./index\"));\n  } else {\n    var mod = {\n      exports: {}\n    };\n    factory(mod.exports, global.react, global.index);\n    global.MadieTooltipIconStories = mod.exports;\n  }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_exports, _react, _index) {\n  \"use strict\";\n\n  Object.defineProperty(_exports, \"__esModule\", {\n    value: true\n  });\n  _exports.default = _exports.ExampleTooltipIcon = void 0;\n  _react = _interopRequireDefault(_react);\n  _index = _interopRequireDefault(_index);\n  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n  const offsetDecorator = storyFn => /*#__PURE__*/_react.default.createElement(\"div\", {\n    style: {\n      margin: \"80px\"\n    }\n  }, storyFn());\n  var _default = _exports.default = {\n    title: \"MadieToolTipIcon\",\n    component: _index.default\n  };\n  const ExampleTooltipIcon = () => /*#__PURE__*/_react.default.createElement(\"div\", null, /*#__PURE__*/_react.default.createElement(\"div\", null, `<TooltipIcon color=\"#0073C8\"/>`, /*#__PURE__*/_react.default.createElement(_index.default, null)));\n  _exports.ExampleTooltipIcon = ExampleTooltipIcon;\n  ExampleTooltipIcon.storyName = \"Madie Tooltip Icon example\";\n  ExampleTooltipIcon.decorators = [offsetDecorator];\n});","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n  function shim(props, propName, componentName, location, propFullName, secret) {\n    if (secret === ReactPropTypesSecret) {\n      // It is still safe when called from React.\n      return;\n    }\n    var err = new Error(\n      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n      'Use PropTypes.checkPropTypes() to call them. ' +\n      'Read more at http://fb.me/use-check-prop-types'\n    );\n    err.name = 'Invariant Violation';\n    throw err;\n  };\n  shim.isRequired = shim;\n  function getShim() {\n    return shim;\n  };\n  // Important!\n  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n  var ReactPropTypes = {\n    array: shim,\n    bigint: shim,\n    bool: shim,\n    func: shim,\n    number: shim,\n    object: shim,\n    string: shim,\n    symbol: shim,\n\n    any: shim,\n    arrayOf: getShim,\n    element: shim,\n    elementType: shim,\n    instanceOf: getShim,\n    node: shim,\n    objectOf: getShim,\n    oneOf: getShim,\n    oneOfType: getShim,\n    shape: getShim,\n    exact: getShim,\n\n    checkPropTypes: emptyFunctionWithReset,\n    resetWarningCache: emptyFunction\n  };\n\n  ReactPropTypes.PropTypes = ReactPropTypes;\n\n  return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n"],"names":[],"sourceRoot":""}

package/storybook-static/Modal-Modal-stories.d5279c12.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[1926],{"./components/Modal/HumanReadable.ts"(module,exports){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.humanReadable=void 0,_exports.humanReadable=function humanReadable(){return'<!DOCTYPE>\n<html xmlns="http://www.w3.org/1999/xhtml" lang="en">\n    <head>\n        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>\n        <title>MAT-8197 Draft based on 0.0.000</title>\n<style type="text/css">\n    body {\n        color: rgb(0,0,0);\n        background-color: rgb(255, 255, 255);\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        overflow-y: auto;\n    }\n    h1 {\n        font-size: 12pt;\n        font-weight: bold;\n    }\n\n    h2 {\n        font-size: 11pt;\n        font-weight: bold;\n    }\n\n    h3 {\n        font-size: 10pt;\n        font-weight: bold;\n    }\n\n    h4 {\n        font-size: 8pt;\n        font-weight: bold;\n    }\n\n    tr {\n        background-color: #ccc;\n    }\n\n    td {\n        padding: 0.1cm 0.2cm;\n        vertical-align: top;\n    }\n\n    a {\n        /*color: rgb(0, 0, 255);\n      background-color: rgb(255,255,255);*/\n    }\n\n    table {\n        line-height: 10pt;\n        width: 80%;\n        font-size: 11px;\n    }\n\n    /*div {\n    width: 80%;\n}*/\n\n    .list-unstyled {\n        list-style-type: none;\n    }\n\n    .list-unstyled li {\n        padding-top: 5px;\n    }\n\n    .list-header {\n        font-size: 12px;\n        color: rgb(0, 0, 238);\n    }\n\n    .list-header:hover {\n        text-decoration: underline;\n    }\n\n    .code {\n        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;\n        color: black;\n        font-size: 12px;\n    }\n\n    .p-l-10 {\n        padding-left: 10px;\n    }\n\n    .section {\n        font-size: 10pt;\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-right: 0.5em;\n        font-weight: 700;\n    }\n\n    .cql-keyword-new {\n        color: rgb(0, 0, 255);\n        font-weight: 700;\n    }\n\n    .cql-class,\n    .cql-object {\n        color: rgb(25, 127, 157);\n    }\n\n    .cql_keyword {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_function {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_attribute {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_string {\n        color: rgb(42, 0, 255);\n    }\n\n    .cql_identifier .cql_function {\n        color: rgb(60, 76, 114);\n    }\n\n    hr.style13 {\n        height: 10px;\n        border: 0;\n        box-shadow: 0 10px 10px -10px #8c8b8b inset;\n    }\n\n    .treeview:hover input~label:before,\n    .treeview.hover input~label:before {\n        opacity: 1.0;\n        -webkit-transition-duration: 0.5s;\n        -moz-transition-duration: 0.5s;\n        -ms-transition-duration: 0.5s;\n        -o-transition-duration: 0.5s;\n        transition-duration: 0.5s;\n    }\n\n    .treeview ul {\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n        -webkit-transition-timing-function: ease;\n        -moz-transition-timing-function: ease;\n        -ms-transition-timing-function: ease;\n        -o-transition-timing-function: ease;\n        transition-timing-function: ease;\n        list-style: none;\n        padding-left: 1em;\n    }\n\n    .treeview ul li span {\n        -webkit-transition-property: color;\n        -moz-transition-property: color;\n        -ms-transition-property: color;\n        -o-transition-property: color;\n        transition-property: color;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n\n    }\n\n    .treeview input {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]:checked~ul {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]~ul {\n        margin-right: 20%;\n        opacity: 1;\n    }\n\n    .treeview input~label {\n        cursor: pointer;\n    }\n\n    .treeview input~label:before {\n        content: \'\';\n        width: 0;\n        height: 0;\n        position: absolute;\n        margin-left: -1em;\n        margin-top: 0.25em;\n        border-width: 4px;\n        border-style: solid;\n        border-top-color: transparent;\n        border-right-color: rgb(0, 0, 238);\n        border-bottom-color: rgb(0, 0, 238);\n        border-left-color: transparent;\n        opacity: 0.0;\n        -webkit-transition-property: opacity;\n        -moz-transition-property: opacity;\n        -ms-transition-property: opacity;\n        -o-transition-property: opacity;\n        transition-property: opacity;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n    }\n\n    .treeview input:checked~label:before {\n        margin-left: -0.8em;\n        border-width: 5px;\n        border-top-color: transparent;\n        border-right-color: transparent;\n        border-bottom-color: transparent;\n        border-left-color: rgb(0, 0, 238);\n    }\n\n    .h1center {\n        font-size: 12pt;\n        font-weight: bold;\n        text-align: center;\n        width: 80%;\n    }\n\n    .header_table {\n        border: 1pt inset rgb(0, 0, 0);\n    }\n\n    .narr_table {\n        width: 100%;\n    }\n\n    .narr_tr {\n        background-color: rgb(225, 225, 225);\n    }\n\n    pre {\n        /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */\n        white-space: pre-wrap;\n        /* css-3 */\n        white-space: -moz-pre-wrap !important;\n        /* Mozilla, since 1999 */\n        white-space: -pre-wrap;\n        /* Opera 4-6 */\n        white-space: -o-pre-wrap;\n        /* Opera 7 */\n        word-wrap: break-word;\n        /* Internet Explorer 5.5+ */\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        text-align: left;\n        margin: 0px 0px 0px 0px;\n        padding: 0px 0px 0px 0px;\n    }\n\n    .narr_th {\n        background-color: rgb(201, 201, 201);\n    }\n\n    .td_label {\n        font-weight: bold;\n        color: white;\n    }\n\n    .hll {\n        background-color: #ffffcc\n    }\n\n    .c {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment */\n    .err {\n        border: 1px solid #FF0000\n    }\n\n    /* Error */\n    .k {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword */\n    .o {\n        color: #666666\n    }\n\n    /* Operator */\n    .cm {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Multiline */\n    .cp {\n        color: #BC7A00\n    }\n\n    /* Comment.Preproc */\n    .c1 {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Single */\n    .cs {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Special */\n    .gd {\n        color: #A00000\n    }\n\n    /* Generic.Deleted */\n    .ge {\n        font-style: italic\n    }\n\n    /* Generic.Emph */\n    .gr {\n        color: #FF0000\n    }\n\n    /* Generic.Error */\n    .gh {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Heading */\n    .gi {\n        color: #00A000\n    }\n\n    /* Generic.Inserted */\n    .go {\n        color: #888888\n    }\n\n    /* Generic.Output */\n    .gp {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Prompt */\n    .gs {\n        font-weight: bold\n    }\n\n    /* Generic.Strong */\n    .gu {\n        color: #800080;\n        font-weight: bold\n    }\n\n    /* Generic.Subheading */\n    .gt {\n        color: #0044DD\n    }\n\n    /* Generic.Traceback */\n    .kc {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Constant */\n    .kd {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Declaration */\n    .kn {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Namespace */\n    .kp {\n        color: #008000\n    }\n\n    /* Keyword.Pseudo */\n    .kr {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Reserved */\n    .kt {\n        color: #B00040\n    }\n\n    /* Keyword.Type */\n    .m {\n        color: #666666\n    }\n\n    /* Literal.Number */\n    .s {\n        color: #BA2121\n    }\n\n    /* Literal.String */\n    .na {\n        color: #7D9029\n    }\n\n    /* Name.Attribute */\n    .nb {\n        color: #008000\n    }\n\n    /* Name.Builtin */\n    .nc {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Class */\n    .no {\n        color: #880000\n    }\n\n    /* Name.Constant */\n    .nd {\n        color: #AA22FF\n    }\n\n    /* Name.Decorator */\n    .ni {\n        color: #999999;\n        font-weight: bold\n    }\n\n    /* Name.Entity */\n    .ne {\n        color: #D2413A;\n        font-weight: bold\n    }\n\n    /* Name.Exception */\n    .nf {\n        color: #0000FF\n    }\n\n    /* Name.Function */\n    .nl {\n        color: #A0A000\n    }\n\n    /* Name.Label */\n    .nn {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Namespace */\n    .nt {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Name.Tag */\n    .nv {\n        color: #19177C\n    }\n\n    /* Name.Variable */\n    .ow {\n        color: #AA22FF;\n        font-weight: bold\n    }\n\n    /* Operator.Word */\n    .w {\n        color: #bbbbbb\n    }\n\n    /* Text.Whitespace */\n    .mf {\n        color: #666666\n    }\n\n    /* Literal.Number.Float */\n    .mh {\n        color: #666666\n    }\n\n    /* Literal.Number.Hex */\n    .mi {\n        color: #666666\n    }\n\n    /* Literal.Number.Integer */\n    .mo {\n        color: #666666\n    }\n\n    /* Literal.Number.Oct */\n    .sb {\n        color: #BA2121\n    }\n\n    /* Literal.String.Backtick */\n    .sc {\n        color: #BA2121\n    }\n\n    /* Literal.String.Char */\n    .sd {\n        color: #BA2121;\n        font-style: italic\n    }\n\n    /* Literal.String.Doc */\n    .s2 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Double */\n    .se {\n        color: #BB6622;\n        font-weight: bold\n    }\n\n    /* Literal.String.Escape */\n    .sh {\n        color: #BA2121\n    }\n\n    /* Literal.String.Heredoc */\n    .si {\n        color: #BB6688;\n        font-weight: bold\n    }\n\n    /* Literal.String.Interpol */\n    .sx {\n        color: #008000\n    }\n\n    /* Literal.String.Other */\n    .sr {\n        color: #BB6688\n    }\n\n    /* Literal.String.Regex */\n    .s1 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Single */\n    .ss {\n        color: #19177C\n    }\n\n    /* Literal.String.Symbol */\n    .bp {\n        color: #008000\n    }\n\n    /* Name.Builtin.Pseudo */\n    .vc {\n        color: #19177C\n    }\n\n    /* Name.Variable.Class */\n    .vg {\n        color: #19177C\n    }\n\n    /* Name.Variable.Global */\n    .vi {\n        color: #19177C\n    }\n\n    /* Name.Variable.Instance */\n    .il {\n    color: #666666\n    }\n\n    /* Literal.Number.Integer.Long */\n\n    #nn-text {\n        text-align: center;\n        text-align: center;\n        color: lightgrey;\n        font-size: 40px;\n    }\n\n    .cql-definition-body {\n        width: 950px;\n        display: block;\n        word-wrap: break-word;\n    }\n\n    li {\n        padding-left: 15px;\n    }\n    .row-header {\n        background-color:#656565;\n        width:20%;\n        padding: 0.1cm 0.2cm;\n        text-align: left;\n    }\n</style>    </head>\n    <body>\n<table class="header_table" role="presentation">\n    <tbody>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">eCQM Title</span></th>\n            <td style="width:80%" colspan="3"><h1 style="font-size:10px">MAT-8197</h1></td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">CMS ID</span></th>\n            <td style="width:30%"></td>\n\n            <th scope="row" class="row-header"><span class="td_label">eCQM Version Number</span></th>\n            <td style="width:30%">Draft based on 0.0.000</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">CBE Number</span></th>\n            <td style="width:30%">Not Applicable</td>\n\n            <th scope="row" class="row-header"><span class="td_label">GUID</span></th>\n            <td style="width:30%">686f1df2-bf8c-41c8-aa57-8674bbe2058b</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measurement Period</span></th>\n            <td style="width:80%" colspan="3">December 31, 2023 through December 31, 2024</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Steward</span></th>\n            <td style="width:80%" colspan="3">3Cloud Solutions</td>\n        </tr>\n                <tr>\n                    <th scope="row" class="row-header"><span class="td_label">Measure Developer</span></th>\n                    <td style="width:80%" colspan="3">Able Health\n</td>\n                </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Endorsed By</span></th>\n            <td style="width:80%" colspan="3">None</td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Description</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>test</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Copyright</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Disclaimer</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Scoring</span></th>\n            <td style="width:80%" colspan="3">Cohort</td>\n        </tr>\n                <tr>\n                    <th scope="row" class="row-header"><span class="td_label">Measure Type</span></th>\n                    <td style="width:80%" colspan="3">Intermediate Outcome</td>\n                </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Stratification</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                        <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        \n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Risk Adjustment</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Rate Aggregation</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Rationale</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Clinical Recommendation Statement</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Improvement Notation</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>Increased score indicates improvement</pre>\n                </div>\n            </td>\n        </tr>\n            <tr>\n                <th scope="row" class="row-header"><span class="td_label">Reference</span></th>\n                <td style="width:80%" colspan="3"></td>\n            </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Definition</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Guidance</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Transmission Format</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Initial Population</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Supplemental Data Elements</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n<h2>\n    <a name="toc">Table of Contents</a>\n</h2>\n<ul style="padding-left: 50px;">\n    <li><a href="#d1e405">Population Criteria</a></li>\n    <li><a href="#d1e649">Definitions</a></li>\n    <li><a href="#d1e650">Functions</a></li>\n    <li><a href="#d1e555">Terminology</a></li>\n    <li><a href="#d1e647">Data Criteria (QDM Data Elements)</a></li>\n\n    <li><a href="#d1e767">Supplemental Data Elements</a></li>\n    <li><a href="#d1e879">Risk Adjustment Variables</a></li>\n</ul><div style="float:left; background:teal; height:3px; width:80%"></div>\n<pre><br/></pre><h3><a name="d1e405" href="#toc">Population Criteria</a></h3>\n<div>\n\t            <ul style="list-style:none;">\n<li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a1726b5965dd9fe0d59" />\n        <label for="67991a1726b5965dd9fe0d59" class="list-header"><b>Population Criteria 1</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="7348c6f1-4cef-429a-bd73-c114afcf1b42"/>\n                <label for="7348c6f1-4cef-429a-bd73-c114afcf1b42" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  &quot;Qualifying Encounters&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a2826b5965dd9fe0d5a" />\n        <label for="67991a2826b5965dd9fe0d5a" class="list-header"><b>Population Criteria 2</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="75ff7ecd-bcc8-482f-9de7-7b2430214e7e"/>\n                <label for="75ff7ecd-bcc8-482f-9de7-7b2430214e7e" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a2f26b5965dd9fe0d5b" />\n        <label for="67991a2f26b5965dd9fe0d5b" class="list-header"><b>Population Criteria 3</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="a9be9c9c-1262-454f-911f-d52645b00135"/>\n                <label for="a9be9c9c-1262-454f-911f-d52645b00135" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a3c26b5965dd9fe0d5c" />\n        <label for="67991a3c26b5965dd9fe0d5c" class="list-header"><b>Population Criteria 4</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="80cc8b86-0b6c-467f-930c-d439b6f53be3"/>\n                <label for="80cc8b86-0b6c-467f-930c-d439b6f53be3" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0;">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="67991a4426b5965dd9fe0d5d" />\n        <label for="67991a4426b5965dd9fe0d5d" class="list-header"><b>Population Criteria 5</b></label>\n            <ul>\n                \x3c!-- Score Unit --\x3e\n<li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c"/>\n                <label for="5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c" class="list-header"><strong>Initial Population</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class="list-unstyled" style="list-style:none;padding-left:0px;">\n    <div class="treeview hover p-l-10">\n        <ul class="list-unstyled">\n            <li class="list-unstyled"><input type="checkbox" id="None"/>\n                <label for="None" class="list-header"><strong>Stratification</strong></label>\n                <ul class="code">\n                    <li class="list-unstyled">\n                        <div class="treeview hover p-l-10">\n                            <ul>\n                                <li style="padding-left: 0px;">\n                                    <div>\n                                        <pre class="cql-definition-body cql-class">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li>            </ul>\n</div><h3><a name="d1e649" href="#toc">Definitions</a></h3>\n<div>\n    <ul style="list-style:none;padding-left: 10px;">\n        <li class="list-unstyled" style="list-style:none;">\n            <div>\n                <ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Denominator" />\n            <label for="Denominator" class="list-header"><strong>Denominator</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Denominator 2" />\n            <label for="Denominator 2" class="list-header"><strong>Denominator 2</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Initial Population" />\n            <label for="Initial Population" class="list-header"><strong>Initial Population</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  &quot;Qualifying Encounters&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Numerator" />\n            <label for="Numerator" class="list-header"><strong>Numerator</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Numerator 2" />\n            <label for="Numerator 2" class="list-header"><strong>Numerator 2</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="Qualifying Encounters" />\n            <label for="Qualifying Encounters" class="list-header"><strong>Qualifying Encounters</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  ( [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Observation Services&quot;] ) Encounter\n    where Encounter.relevantPeriod ends during &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="SDE Ethnicity" />\n            <label for="SDE Ethnicity" class="list-header"><strong>SDE Ethnicity</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class="list-unstyled" style="list-style:none;padding-left:0;">\n    <li class="list-unstyled">\n        <div class="treeview hover p-l-10">\n            <input type="checkbox" id="SDE Payer" />\n            <label for="SDE Payer" class="list-header"><strong>SDE Payer</strong></label>\n            <ul class="code" style="margin-right: 20%; opacity: 1;">\n                <li class="list-unstyled">\n                    <div>\n                        <ul style="padding-left: 0px;">\n                            <li style="padding-left: 0px;" class="list-unstyled">\n                                <div>\n                                    <pre class="cql-definition-body">  [&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul>            </div>\n        </li>\n    </ul>\n</div><h3><a name="d1e650" href="#toc">Functions</a></h3>\n<div>\n    <ul style="list-style:none;padding-left: 10px;">\n        <li class="list-unstyled" style="list-style:none;">\n            <div>\n                                    None\n            </div>\n        </li>\n    </ul>\n</div><h3><a name="d1e555" href="#toc">Terminology</a></h3>\n<div>\n            <ul style="padding-left: 50px;">\n                <li style="width:80%">valueset &quot;Active Bleeding&quot; (2.16.840.1.113762.1.4.1206.28)</li>\n                <li style="width:80%">valueset &quot;Acute Inpatient&quot; (2.16.840.1.113762.1.4.1182.118)</li>\n                <li style="width:80%">valueset &quot;Emergency Department Visit&quot; (2.16.840.1.113883.3.117.1.7.1.292)</li>\n                <li style="width:80%">valueset &quot;Encounter Inpatient&quot; (2.16.840.1.113883.3.666.5.307)</li>\n                <li style="width:80%">valueset &quot;Ethnicity&quot; (2.16.840.1.114222.4.11.837)</li>\n                <li style="width:80%">valueset &quot;Observation Services&quot; (2.16.840.1.113762.1.4.1111.143)</li>\n                <li style="width:80%">valueset &quot;Payer Type&quot; (2.16.840.1.114222.4.11.3591)</li>\n        </ul>\n</div><h3><a name="d1e647" href="#toc">Data Criteria (QDM Data Elements)</a></h3>\n\n<div>\n            <ul style="padding-left: 50px;">\n                <li style="width:80%">&quot;Encounter, Performed: Active Bleeding&quot; using &quot;Active Bleeding (2.16.840.1.113762.1.4.1206.28)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Acute Inpatient&quot; using &quot;Acute Inpatient (2.16.840.1.113762.1.4.1182.118)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Emergency Department Visit&quot; using &quot;Emergency Department Visit (2.16.840.1.113883.3.117.1.7.1.292)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Encounter Inpatient&quot; using &quot;Encounter Inpatient (2.16.840.1.113883.3.666.5.307)&quot;</li>\n                <li style="width:80%">&quot;Encounter, Performed: Observation Services&quot; using &quot;Observation Services (2.16.840.1.113762.1.4.1111.143)&quot;</li>\n                <li style="width:80%">&quot;Patient Characteristic Ethnicity: Ethnicity&quot; using &quot;Ethnicity (2.16.840.1.114222.4.11.837)&quot;</li>\n                <li style="width:80%">&quot;Patient Characteristic Payer: Payer Type&quot; using &quot;Payer Type (2.16.840.1.114222.4.11.3591)&quot;</li>\n        </ul>\n</div><h3><a name="d1e767" href="#toc">Supplemental Data Elements</a></h3>\n<ul style="list-style:none;padding-left: 25px;">\n\t<li class="list-unstyled">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="ef8c749a-23d1-4731-86dc-907983029bb5" />\n        <label for="ef8c749a-23d1-4731-86dc-907983029bb5" class="list-header"><strong>SDE Ethnicity</strong></label>\n        <ul class="code" style="margin-right: 20%; opacity: 1;">\n            <li class="list-unstyled">\n                <div>\n                    <ul style="padding-left: 0px;">\n                        <li style="padding-left: 0px;" class="list-unstyled">\n                            <div>\n                                <pre class="cql-definition-body">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><h3><a name="d1e879" href="#toc">Risk Adjustment Variables</a></h3>\n<ul style="list-style:none;padding-left: 25px;">\n\t<li class="list-unstyled">\n    <div class="treeview hover p-l-10">\n        <input type="checkbox" id="15d20fe6-b081-4561-b0b6-17b41a737e02" />\n        <label for="15d20fe6-b081-4561-b0b6-17b41a737e02" class="list-header"><strong>SDE Payer</strong></label>\n        <ul class="code" style="margin-right: 20%; opacity: 1;">\n            <li class="list-unstyled">\n                <div>\n                    <ul style="padding-left: 0px;">\n                        <li style="padding-left: 0px;" class="list-unstyled">\n                            <div>\n                                <pre class="cql-definition-body">[[&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><div style="float:left; background:teal; height:3px; width:80%"></div>\n<pre><br/></pre><table class="header_table" role="presentation">\n    <tbody>\n        <tr>\n            <th scope="row" class="row-header"><span class="td_label">Measure Set</span></th>\n            <td style="width:80%" colspan="3">\n                <div style="width:660px;">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n    </body>\n</html>\n'}})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Modal/Modal.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react-modal/lib/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./lib/SvgComponents.jsx")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_reactModal,_propTypes,_SvgComponents){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireWildcard(_react),_reactModal=_interopRequireDefault(_reactModal),_propTypes=_interopRequireDefault(_propTypes);var _excluded=["children","onRequestClose","title","primary","secondary","appElement","isOpen"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var Modal=function Modal(_ref){var children=_ref.children,onRequestClose=_ref.onRequestClose,title=_ref.title,primary=_ref.primary,secondary=_ref.secondary,appElement=_ref.appElement,isOpen=_ref.isOpen,props=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray((0,_react.useState)(!1),2),overflowSeparator=_useState2[0],setOverflowSeparator=_useState2[1],closeButtonRef=(0,_react.useRef)(null),contentRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){_reactModal.default.setAppElement(appElement)},[]);var getWidth=function getWidth(){return props.width?{width:props.width,maxWidth:"calc(100vw - 2rem)",maxHeight:"calc(100vh - 2rem)"}:{}};return _react.default.createElement(_reactModal.default,_extends({onRequestClose,portalClassName:"qpp-c-modal",className:"qpp-c-modal__content",overlayClassName:"qpp-c-modal__overlay",bodyOpenClassName:"qpp-c-modal__body-open",isOpen,style:{content:getWidth()},onAfterOpen:function onAfterOpen(){var _contentRef$current;(null===(_contentRef$current=contentRef.current)||void 0===_contentRef$current?void 0:_contentRef$current.scrollHeight)>.6*document.documentElement.clientHeight?setOverflowSeparator(!0):setOverflowSeparator(!1),null!=closeButtonRef&&closeButtonRef.current&&closeButtonRef.current.focus()},aria:{labelledby:"modal-heading",describedby:"modal-body"}},props),_react.default.createElement("div",{className:"qpp-c-modal__header ".concat(overflowSeparator?"qpp-c-modal__header-sep":"")},_react.default.createElement("h3",{id:"modal-heading"},title),_react.default.createElement("button",{className:"closex qpp-c-button qpp-c-button--text qpp-u-color--black","aria-label":"close modal","data-testid":"modal-close-btn",onClick:onRequestClose,ref:closeButtonRef},_react.default.createElement(_SvgComponents.CloseXIcon2,null))),_react.default.createElement("div",{id:"modal-body",className:"qpp-c-modal__body",ref:contentRef,tabIndex:overflowSeparator?"0":void 0},children),(primary||secondary)&&_react.default.createElement("div",{className:"qpp-c-modal__footer"},secondary&&_react.default.createElement("button",{className:"qpp-c-button qpp-c-button--secondary ".concat(primary?"qpp-u-margin-right--16":""),loading:secondary.loading,onClick:secondary.onClick||onRequestClose,"aria-label":secondary.title,"data-testid":"modal-secondary-btn"},secondary.title),primary&&_react.default.createElement("button",{className:"qpp-c-button",loading:primary.loading,onClick:primary.onClick,"data-testid":"modal-primary-btn","aria-label":primary.title},primary.title)))};Modal.propTypes={title:_propTypes.default.string,children:_propTypes.default.node.isRequired,primary:_propTypes.default.shape({title:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.element]),onClick:_propTypes.default.func,loading:_propTypes.default.bool,loadingText:_propTypes.default.string}),secondary:_propTypes.default.shape({title:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.element]),onClick:_propTypes.default.func,loading:_propTypes.default.bool,loadingText:_propTypes.default.string}),onRequestClose:_propTypes.default.func,appElement:_propTypes.default.string,isOpen:_propTypes.default.bool,width:_propTypes.default.string},Modal.defaultProps={onRequestClose:function onRequestClose(){},title:void 0,primary:null,secondary:null,appElement:"body > *:not(.qpp-c-modal)",isOpen:!1},_exports.default=Modal,Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{onRequestClose:{defaultValue:{value:"() => {}",computed:!1},description:"",type:{name:"func"},required:!1},title:{defaultValue:{value:"undefined",computed:!0},description:"",type:{name:"string"},required:!1},primary:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{title:{name:"union",value:[{name:"string"},{name:"element"}],required:!1},onClick:{name:"func",required:!1},loading:{name:"bool",required:!1},loadingText:{name:"string",required:!1}}},required:!1},secondary:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{title:{name:"union",value:[{name:"string"},{name:"element"}],required:!1},onClick:{name:"func",required:!1},loading:{name:"bool",required:!1},loadingText:{name:"string",required:!1}}},required:!1},appElement:{defaultValue:{value:'"body > *:not(.qpp-c-modal)"',computed:!1},description:"",type:{name:"string"},required:!1},isOpen:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!0},width:{description:"",type:{name:"string"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Modal/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./components/Modal/Modal.jsx")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_Modal){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_propTypes=_interopRequireDefault(_propTypes),_Modal=_interopRequireDefault(_Modal);var _excluded=["useDesignSystem"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],-1===t.indexOf(o)&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}var Modal=function Modal(_ref){_ref.useDesignSystem;var rest=_objectWithoutProperties(_ref,_excluded);return _react.default.createElement(_Modal.default,rest)};Modal.propTypes={useDesignSystem:_propTypes.default.bool},Modal.defaultProps={useDesignSystem:!1},Modal.displayName="Modal",_exports.default=Modal,Modal.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{useDesignSystem:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/Modal/Modal.stories.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./components/Modal/index.jsx"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js"),__webpack_require__("./components/Modal/HumanReadable.ts")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_index,_addonKnobs,_HumanReadable){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.WithDesignSystemOverflowForHR=_exports.WithDesignSystemOverflow=_exports.WithDesignSystemDialog=_exports.WithDesignSystem=void 0,_react=_interopRequireWildcard(_react),_index=_interopRequireDefault(_index),_exports.default={title:"Modal",component:_index.default,decorators:[_addonKnobs.withKnobs]};const useModal=()=>{const[open,setOpen]=(0,_react.useState)(!1);return[open,()=>setOpen(!0),()=>setOpen(!1)]},WithDesignSystem=()=>{const[open,openModal,closeModal]=useModal(),knobIsOpen=(0,_addonKnobs.boolean)("isOpen",!1);return _react.default.createElement("div",{className:"qpp-u-padding--12"},_react.default.createElement("button",{className:"qpp-c-button",onClick:openModal},"Open Modal"),_react.default.createElement(_index.default,{useDesignSystem:!0,isOpen:open||knobIsOpen,title:(0,_addonKnobs.text)("Title text","Title Text"),onRequestClose:closeModal},_react.default.createElement("p",null,(0,_addonKnobs.text)("bodyText","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris."))))};_exports.WithDesignSystem=WithDesignSystem;const WithDesignSystemDialog=()=>{const[open,openModal,closeModal]=useModal(),knobIsOpen=(0,_addonKnobs.boolean)("isOpen",!1);return _react.default.createElement("div",{className:"qpp-u-padding--12"},_react.default.createElement("button",{className:"qpp-c-button",onClick:openModal},"Open Modal"),_react.default.createElement(_index.default,{useDesignSystem:!0,isOpen:open||knobIsOpen,title:(0,_addonKnobs.text)("Title text","Title Text"),onRequestClose:closeModal,primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"}},_react.default.createElement("p",null,(0,_addonKnobs.text)("bodyText","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris."))))};_exports.WithDesignSystemDialog=WithDesignSystemDialog;const WithDesignSystemOverflow=()=>{const[open,openModal,closeModal]=useModal(),knobIsOpen=(0,_addonKnobs.boolean)("isOpen",!1);return _react.default.createElement("div",{className:"qpp-u-padding--12"},_react.default.createElement("button",{className:"qpp-c-button",onClick:openModal},"Open Modal"),_react.default.createElement(_index.default,{useDesignSystem:!0,isOpen:open||knobIsOpen,title:(0,_addonKnobs.text)("Title text","Title Text"),onRequestClose:closeModal,primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"}},_react.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris. Aenean odio nulla, dapibus convallis est ac, tempor congue lorem. Aliquam facilisis tortor eget lectus gravida bibendum. Suspendisse vel posuere risus. Etiam condimentum sollicitudin est, eget auctor lectus suscipit nec. Duis efficitur vitae risus at malesuada. Mauris tempus turpis sed lacus lacinia, et mattis tortor eleifend. In sit amet felis vel quam egestas ultricies ac ac nisl. Morbi elementum dui libero, non convallis risus ornare vel. Maecenas posuere ipsum ut sem aliquet, quis maximus dolor cursus. Praesent vulputate orci tellus, sed fringilla arcu mollis sit amet. Phasellus eros turpis, consequat sit amet placerat sed, mollis ac justo."),_react.default.createElement("p",null,"Cras quis pharetra elit. Mauris lacinia quam quis metus mattis lobortis vel nec arcu. Fusce nec tellus vel nunc cursus vestibulum. Quisque pretium, arcu at sagittis posuere, leo magna tempus nunc, vel malesuada nunc mauris ac ante. Donec arcu velit, imperdiet vitae purus nec, imperdiet auctor nisi. Cras ornare, elit sit amet viverra bibendum, justo dolor congue mi, quis pretium erat orci a lorem. Sed rhoncus quam ut tellus hendrerit accumsan."),_react.default.createElement("p",null,"Donec varius elit vitae elit efficitur fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla facilisi. Ut malesuada venenatis varius. Nunc libero massa, luctus sagittis sapien ultrices, pulvinar venenatis purus. In nec orci ac nibh sagittis lobortis vel sed massa. Morbi pretium odio vitae malesuada ullamcorper. Pellentesque facilisis posuere consectetur. Nam maximus finibus ante, non eleifend neque euismod et."),_react.default.createElement("p",null,"Pellentesque vehicula nec massa nec accumsan. Pellentesque non odio eu felis hendrerit pellentesque non sed neque. Morbi dui nisl, facilisis id gravida non, vehicula at dui. In eleifend suscipit imperdiet. Quisque facilisis augue et mi lobortis tristique. Praesent auctor dictum erat, non mollis ante tempus id. Integer et libero iaculis, imperdiet neque at, pharetra nisl. Suspendisse diam massa, vehicula eu varius ullamcorper, semper vel velit. Morbi consequat mattis nisi, id dignissim est bibendum non. Suspendisse semper laoreet neque, ac tincidunt tortor. Ut posuere urna a convallis consectetur. Mauris varius cursus libero sed molestie. Duis id dignissim arcu. Mauris tincidunt egestas congue."),_react.default.createElement("p",null,"Donec rutrum erat vitae nulla ultricies, quis laoreet orci consequat. Nunc et justo volutpat dolor feugiat convallis. Vivamus efficitur nisi quis risus eleifend, ut tincidunt turpis volutpat. Nam commodo turpis dolor, dapibus rutrum erat facilisis a. Ut a dictum urna. Maecenas vel egestas odio. Ut venenatis est dolor, eget ullamcorper diam finibus et. Proin tincidunt porta pellentesque.")))};_exports.WithDesignSystemOverflow=WithDesignSystemOverflow;const WithDesignSystemOverflowForHR=()=>{const[open,openModal,closeModal]=useModal(),knobIsOpen=(0,_addonKnobs.boolean)("isOpen",!1),hr=(0,_HumanReadable.humanReadable)();return _react.default.createElement("div",{className:"qpp-u-padding--12"},_react.default.createElement("button",{className:"qpp-c-button",onClick:openModal},"Open Modal"),_react.default.createElement("div",{"data-testid":"view-hr-modal"},_react.default.createElement(_index.default,{useDesignSystem:!0,isOpen:open||knobIsOpen,title:"Human Readable",onRequestClose:closeModal,width:"75rem",primary:{title:"Yes, go for it",onClick:()=>{console.log("submit"),closeModal()}},secondary:{title:"No, take me back"}},_react.default.createElement("div",{className:"modal-body",dangerouslySetInnerHTML:{__html:hr}}))))};_exports.WithDesignSystemOverflowForHR=WithDesignSystemOverflowForHR})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]);
+//# sourceMappingURL=Modal-Modal-stories.d5279c12.iframe.bundle.js.map

package/storybook-static/Modal-Modal-stories.d5279c12.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-Modal-stories.6f2ecd7a.iframe.bundle.js","mappings":"AAAA","sources":["webpack://@madie/madie-design-system/./components/Modal/HumanReadable.ts","webpack://@madie/madie-design-system/./components/Modal/Modal.jsx","webpack://@madie/madie-design-system/./components/Modal/index.jsx","webpack://@madie/madie-design-system/./components/Modal/Modal.stories.js"],"sourcesContent":["export const humanReadable = () => {\n    return `<!DOCTYPE>\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en\">\n    <head>\n        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>\n        <title>MAT-8197 Draft based on 0.0.000</title>\n<style type=\"text/css\">\n    body {\n        color: rgb(0,0,0);\n        background-color: rgb(255, 255, 255);\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        overflow-y: auto;\n    }\n    h1 {\n        font-size: 12pt;\n        font-weight: bold;\n    }\n\n    h2 {\n        font-size: 11pt;\n        font-weight: bold;\n    }\n\n    h3 {\n        font-size: 10pt;\n        font-weight: bold;\n    }\n\n    h4 {\n        font-size: 8pt;\n        font-weight: bold;\n    }\n\n    tr {\n        background-color: #ccc;\n    }\n\n    td {\n        padding: 0.1cm 0.2cm;\n        vertical-align: top;\n    }\n\n    a {\n        /*color: rgb(0, 0, 255);\n      background-color: rgb(255,255,255);*/\n    }\n\n    table {\n        line-height: 10pt;\n        width: 80%;\n        font-size: 11px;\n    }\n\n    /*div {\n    width: 80%;\n}*/\n\n    .list-unstyled {\n        list-style-type: none;\n    }\n\n    .list-unstyled li {\n        padding-top: 5px;\n    }\n\n    .list-header {\n        font-size: 12px;\n        color: rgb(0, 0, 238);\n    }\n\n    .list-header:hover {\n        text-decoration: underline;\n    }\n\n    .code {\n        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;\n        color: black;\n        font-size: 12px;\n    }\n\n    .p-l-10 {\n        padding-left: 10px;\n    }\n\n    .section {\n        font-size: 10pt;\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-right: 0.5em;\n        font-weight: 700;\n    }\n\n    .cql-keyword-new {\n        color: rgb(0, 0, 255);\n        font-weight: 700;\n    }\n\n    .cql-class,\n    .cql-object {\n        color: rgb(25, 127, 157);\n    }\n\n    .cql_keyword {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_function {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_attribute {\n        color: rgb(127, 0, 85);\n        font-weight: 700;\n    }\n\n    .cql_string {\n        color: rgb(42, 0, 255);\n    }\n\n    .cql_identifier .cql_function {\n        color: rgb(60, 76, 114);\n    }\n\n    hr.style13 {\n        height: 10px;\n        border: 0;\n        box-shadow: 0 10px 10px -10px #8c8b8b inset;\n    }\n\n    .treeview:hover input~label:before,\n    .treeview.hover input~label:before {\n        opacity: 1.0;\n        -webkit-transition-duration: 0.5s;\n        -moz-transition-duration: 0.5s;\n        -ms-transition-duration: 0.5s;\n        -o-transition-duration: 0.5s;\n        transition-duration: 0.5s;\n    }\n\n    .treeview ul {\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n        -webkit-transition-timing-function: ease;\n        -moz-transition-timing-function: ease;\n        -ms-transition-timing-function: ease;\n        -o-transition-timing-function: ease;\n        transition-timing-function: ease;\n        list-style: none;\n        padding-left: 1em;\n    }\n\n    .treeview ul li span {\n        -webkit-transition-property: color;\n        -moz-transition-property: color;\n        -ms-transition-property: color;\n        -o-transition-property: color;\n        transition-property: color;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n\n    }\n\n    .treeview input {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]:checked~ul {\n        display: none;\n    }\n\n    .treeview input[type=checkbox]~ul {\n        margin-right: 20%;\n        opacity: 1;\n    }\n\n    .treeview input~label {\n        cursor: pointer;\n    }\n\n    .treeview input~label:before {\n        content: '';\n        width: 0;\n        height: 0;\n        position: absolute;\n        margin-left: -1em;\n        margin-top: 0.25em;\n        border-width: 4px;\n        border-style: solid;\n        border-top-color: transparent;\n        border-right-color: rgb(0, 0, 238);\n        border-bottom-color: rgb(0, 0, 238);\n        border-left-color: transparent;\n        opacity: 0.0;\n        -webkit-transition-property: opacity;\n        -moz-transition-property: opacity;\n        -ms-transition-property: opacity;\n        -o-transition-property: opacity;\n        transition-property: opacity;\n        -webkit-transition-duration: 1s;\n        -moz-transition-duration: 1s;\n        -ms-transition-duration: 1s;\n        -o-transition-duration: 1s;\n        transition-duration: 1s;\n    }\n\n    .treeview input:checked~label:before {\n        margin-left: -0.8em;\n        border-width: 5px;\n        border-top-color: transparent;\n        border-right-color: transparent;\n        border-bottom-color: transparent;\n        border-left-color: rgb(0, 0, 238);\n    }\n\n    .h1center {\n        font-size: 12pt;\n        font-weight: bold;\n        text-align: center;\n        width: 80%;\n    }\n\n    .header_table {\n        border: 1pt inset rgb(0, 0, 0);\n    }\n\n    .narr_table {\n        width: 100%;\n    }\n\n    .narr_tr {\n        background-color: rgb(225, 225, 225);\n    }\n\n    pre {\n        /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */\n        white-space: pre-wrap;\n        /* css-3 */\n        white-space: -moz-pre-wrap !important;\n        /* Mozilla, since 1999 */\n        white-space: -pre-wrap;\n        /* Opera 4-6 */\n        white-space: -o-pre-wrap;\n        /* Opera 7 */\n        word-wrap: break-word;\n        /* Internet Explorer 5.5+ */\n        font-family: Verdana, Tahoma, sans-serif;\n        font-size: 11px;\n        text-align: left;\n        margin: 0px 0px 0px 0px;\n        padding: 0px 0px 0px 0px;\n    }\n\n    .narr_th {\n        background-color: rgb(201, 201, 201);\n    }\n\n    .td_label {\n        font-weight: bold;\n        color: white;\n    }\n\n    .hll {\n        background-color: #ffffcc\n    }\n\n    .c {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment */\n    .err {\n        border: 1px solid #FF0000\n    }\n\n    /* Error */\n    .k {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword */\n    .o {\n        color: #666666\n    }\n\n    /* Operator */\n    .cm {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Multiline */\n    .cp {\n        color: #BC7A00\n    }\n\n    /* Comment.Preproc */\n    .c1 {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Single */\n    .cs {\n        color: #408080;\n        font-style: italic\n    }\n\n    /* Comment.Special */\n    .gd {\n        color: #A00000\n    }\n\n    /* Generic.Deleted */\n    .ge {\n        font-style: italic\n    }\n\n    /* Generic.Emph */\n    .gr {\n        color: #FF0000\n    }\n\n    /* Generic.Error */\n    .gh {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Heading */\n    .gi {\n        color: #00A000\n    }\n\n    /* Generic.Inserted */\n    .go {\n        color: #888888\n    }\n\n    /* Generic.Output */\n    .gp {\n        color: #000080;\n        font-weight: bold\n    }\n\n    /* Generic.Prompt */\n    .gs {\n        font-weight: bold\n    }\n\n    /* Generic.Strong */\n    .gu {\n        color: #800080;\n        font-weight: bold\n    }\n\n    /* Generic.Subheading */\n    .gt {\n        color: #0044DD\n    }\n\n    /* Generic.Traceback */\n    .kc {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Constant */\n    .kd {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Declaration */\n    .kn {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Namespace */\n    .kp {\n        color: #008000\n    }\n\n    /* Keyword.Pseudo */\n    .kr {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Keyword.Reserved */\n    .kt {\n        color: #B00040\n    }\n\n    /* Keyword.Type */\n    .m {\n        color: #666666\n    }\n\n    /* Literal.Number */\n    .s {\n        color: #BA2121\n    }\n\n    /* Literal.String */\n    .na {\n        color: #7D9029\n    }\n\n    /* Name.Attribute */\n    .nb {\n        color: #008000\n    }\n\n    /* Name.Builtin */\n    .nc {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Class */\n    .no {\n        color: #880000\n    }\n\n    /* Name.Constant */\n    .nd {\n        color: #AA22FF\n    }\n\n    /* Name.Decorator */\n    .ni {\n        color: #999999;\n        font-weight: bold\n    }\n\n    /* Name.Entity */\n    .ne {\n        color: #D2413A;\n        font-weight: bold\n    }\n\n    /* Name.Exception */\n    .nf {\n        color: #0000FF\n    }\n\n    /* Name.Function */\n    .nl {\n        color: #A0A000\n    }\n\n    /* Name.Label */\n    .nn {\n        color: #0000FF;\n        font-weight: bold\n    }\n\n    /* Name.Namespace */\n    .nt {\n        color: #008000;\n        font-weight: bold\n    }\n\n    /* Name.Tag */\n    .nv {\n        color: #19177C\n    }\n\n    /* Name.Variable */\n    .ow {\n        color: #AA22FF;\n        font-weight: bold\n    }\n\n    /* Operator.Word */\n    .w {\n        color: #bbbbbb\n    }\n\n    /* Text.Whitespace */\n    .mf {\n        color: #666666\n    }\n\n    /* Literal.Number.Float */\n    .mh {\n        color: #666666\n    }\n\n    /* Literal.Number.Hex */\n    .mi {\n        color: #666666\n    }\n\n    /* Literal.Number.Integer */\n    .mo {\n        color: #666666\n    }\n\n    /* Literal.Number.Oct */\n    .sb {\n        color: #BA2121\n    }\n\n    /* Literal.String.Backtick */\n    .sc {\n        color: #BA2121\n    }\n\n    /* Literal.String.Char */\n    .sd {\n        color: #BA2121;\n        font-style: italic\n    }\n\n    /* Literal.String.Doc */\n    .s2 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Double */\n    .se {\n        color: #BB6622;\n        font-weight: bold\n    }\n\n    /* Literal.String.Escape */\n    .sh {\n        color: #BA2121\n    }\n\n    /* Literal.String.Heredoc */\n    .si {\n        color: #BB6688;\n        font-weight: bold\n    }\n\n    /* Literal.String.Interpol */\n    .sx {\n        color: #008000\n    }\n\n    /* Literal.String.Other */\n    .sr {\n        color: #BB6688\n    }\n\n    /* Literal.String.Regex */\n    .s1 {\n        color: #BA2121\n    }\n\n    /* Literal.String.Single */\n    .ss {\n        color: #19177C\n    }\n\n    /* Literal.String.Symbol */\n    .bp {\n        color: #008000\n    }\n\n    /* Name.Builtin.Pseudo */\n    .vc {\n        color: #19177C\n    }\n\n    /* Name.Variable.Class */\n    .vg {\n        color: #19177C\n    }\n\n    /* Name.Variable.Global */\n    .vi {\n        color: #19177C\n    }\n\n    /* Name.Variable.Instance */\n    .il {\n    color: #666666\n    }\n\n    /* Literal.Number.Integer.Long */\n\n    #nn-text {\n        text-align: center;\n        text-align: center;\n        color: lightgrey;\n        font-size: 40px;\n    }\n\n    .cql-definition-body {\n        width: 950px;\n        display: block;\n        word-wrap: break-word;\n    }\n\n    li {\n        padding-left: 15px;\n    }\n    .row-header {\n        background-color:#656565;\n        width:20%;\n        padding: 0.1cm 0.2cm;\n        text-align: left;\n    }\n</style>    </head>\n    <body>\n<table class=\"header_table\" role=\"presentation\">\n    <tbody>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">eCQM Title</span></th>\n            <td style=\"width:80%\" colspan=\"3\"><h1 style=\"font-size:10px\">MAT-8197</h1></td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">CMS ID</span></th>\n            <td style=\"width:30%\"></td>\n\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">eCQM Version Number</span></th>\n            <td style=\"width:30%\">Draft based on 0.0.000</td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">CBE Number</span></th>\n            <td style=\"width:30%\">Not Applicable</td>\n\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">GUID</span></th>\n            <td style=\"width:30%\">686f1df2-bf8c-41c8-aa57-8674bbe2058b</td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measurement Period</span></th>\n            <td style=\"width:80%\" colspan=\"3\">December 31, 2023 through December 31, 2024</td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measure Steward</span></th>\n            <td style=\"width:80%\" colspan=\"3\">3Cloud Solutions</td>\n        </tr>\n                <tr>\n                    <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measure Developer</span></th>\n                    <td style=\"width:80%\" colspan=\"3\">Able Health\n</td>\n                </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Endorsed By</span></th>\n            <td style=\"width:80%\" colspan=\"3\">None</td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Description</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre>test</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Copyright</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Disclaimer</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measure Scoring</span></th>\n            <td style=\"width:80%\" colspan=\"3\">Cohort</td>\n        </tr>\n                <tr>\n                    <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measure Type</span></th>\n                    <td style=\"width:80%\" colspan=\"3\">Intermediate Outcome</td>\n                </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Stratification</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                        <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        \n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Risk Adjustment</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Rate Aggregation</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Rationale</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Clinical Recommendation Statement</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Improvement Notation</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre>Increased score indicates improvement</pre>\n                </div>\n            </td>\n        </tr>\n            <tr>\n                <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Reference</span></th>\n                <td style=\"width:80%\" colspan=\"3\"></td>\n            </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Definition</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Guidance</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Transmission Format</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Initial Population</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre>None</pre>\n                </div>\n            </td>\n        </tr>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Supplemental Data Elements</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n<h2>\n    <a name=\"toc\">Table of Contents</a>\n</h2>\n<ul style=\"padding-left: 50px;\">\n    <li><a href=\"#d1e405\">Population Criteria</a></li>\n    <li><a href=\"#d1e649\">Definitions</a></li>\n    <li><a href=\"#d1e650\">Functions</a></li>\n    <li><a href=\"#d1e555\">Terminology</a></li>\n    <li><a href=\"#d1e647\">Data Criteria (QDM Data Elements)</a></li>\n\n    <li><a href=\"#d1e767\">Supplemental Data Elements</a></li>\n    <li><a href=\"#d1e879\">Risk Adjustment Variables</a></li>\n</ul><div style=\"float:left; background:teal; height:3px; width:80%\"></div>\n<pre><br/></pre><h3><a name=\"d1e405\" href=\"#toc\">Population Criteria</a></h3>\n<div>\n\t            <ul style=\"list-style:none;\">\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"67991a1726b5965dd9fe0d59\" />\n        <label for=\"67991a1726b5965dd9fe0d59\" class=\"list-header\"><b>Population Criteria 1</b></label>\n            <ul>\n                <!-- Score Unit -->\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"7348c6f1-4cef-429a-bd73-c114afcf1b42\"/>\n                <label for=\"7348c6f1-4cef-429a-bd73-c114afcf1b42\" class=\"list-header\"><strong>Initial Population</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body\">  &quot;Qualifying Encounters&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"None\"/>\n                <label for=\"None\" class=\"list-header\"><strong>Stratification</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body cql-class\">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"67991a2826b5965dd9fe0d5a\" />\n        <label for=\"67991a2826b5965dd9fe0d5a\" class=\"list-header\"><b>Population Criteria 2</b></label>\n            <ul>\n                <!-- Score Unit -->\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"75ff7ecd-bcc8-482f-9de7-7b2430214e7e\"/>\n                <label for=\"75ff7ecd-bcc8-482f-9de7-7b2430214e7e\" class=\"list-header\"><strong>Initial Population</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"None\"/>\n                <label for=\"None\" class=\"list-header\"><strong>Stratification</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body cql-class\">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"67991a2f26b5965dd9fe0d5b\" />\n        <label for=\"67991a2f26b5965dd9fe0d5b\" class=\"list-header\"><b>Population Criteria 3</b></label>\n            <ul>\n                <!-- Score Unit -->\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"a9be9c9c-1262-454f-911f-d52645b00135\"/>\n                <label for=\"a9be9c9c-1262-454f-911f-d52645b00135\" class=\"list-header\"><strong>Initial Population</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"None\"/>\n                <label for=\"None\" class=\"list-header\"><strong>Stratification</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body cql-class\">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"67991a3c26b5965dd9fe0d5c\" />\n        <label for=\"67991a3c26b5965dd9fe0d5c\" class=\"list-header\"><b>Population Criteria 4</b></label>\n            <ul>\n                <!-- Score Unit -->\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"80cc8b86-0b6c-467f-930c-d439b6f53be3\"/>\n                <label for=\"80cc8b86-0b6c-467f-930c-d439b6f53be3\" class=\"list-header\"><strong>Initial Population</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"None\"/>\n                <label for=\"None\" class=\"list-header\"><strong>Stratification</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body cql-class\">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"67991a4426b5965dd9fe0d5d\" />\n        <label for=\"67991a4426b5965dd9fe0d5d\" class=\"list-header\"><b>Population Criteria 5</b></label>\n            <ul>\n                <!-- Score Unit -->\n<li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c\"/>\n                <label for=\"5698cc2b-f4be-4fd7-a00c-8b5d7b49ae5c\" class=\"list-header\"><strong>Initial Population</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li><li class=\"list-unstyled\" style=\"list-style:none;padding-left:0px;\">\n    <div class=\"treeview hover p-l-10\">\n        <ul class=\"list-unstyled\">\n            <li class=\"list-unstyled\"><input type=\"checkbox\" id=\"None\"/>\n                <label for=\"None\" class=\"list-header\"><strong>Stratification</strong></label>\n                <ul class=\"code\">\n                    <li class=\"list-unstyled\">\n                        <div class=\"treeview hover p-l-10\">\n                            <ul>\n                                <li style=\"padding-left: 0px;\">\n                                    <div>\n                                        <pre class=\"cql-definition-body cql-class\">None</pre>\n                                    </div>\n                                </li>\n                            </ul>&nbsp;\n                        </div>\n                    </li>\n                </ul>\n            </li>\n        </ul>\n    </div>\n</li>            </ul>\n    </div>\n</li>            </ul>\n</div><h3><a name=\"d1e649\" href=\"#toc\">Definitions</a></h3>\n<div>\n    <ul style=\"list-style:none;padding-left: 10px;\">\n        <li class=\"list-unstyled\" style=\"list-style:none;\">\n            <div>\n                <ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Denominator\" />\n            <label for=\"Denominator\" class=\"list-header\"><strong>Denominator</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;] AcuteInpatient\n    where AcuteInpatient.lengthOfStay &gt; 10 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Denominator 2\" />\n            <label for=\"Denominator 2\" class=\"list-header\"><strong>Denominator 2</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;] EncounterInpatient\n    where EncounterInpatient.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Initial Population\" />\n            <label for=\"Initial Population\" class=\"list-header\"><strong>Initial Population</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  &quot;Qualifying Encounters&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Numerator\" />\n            <label for=\"Numerator\" class=\"list-header\"><strong>Numerator</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;] ActiveBleeding\n    where ActiveBleeding.relevantPeriod overlaps day of &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Numerator 2\" />\n            <label for=\"Numerator 2\" class=\"list-header\"><strong>Numerator 2</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;] EmergencyDepartmentVisit\n    where EmergencyDepartmentVisit.lengthOfStay &gt; 15 days</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"Qualifying Encounters\" />\n            <label for=\"Qualifying Encounters\" class=\"list-header\"><strong>Qualifying Encounters</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  ( [&quot;Encounter, Performed&quot;: &quot;Encounter Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Emergency Department Visit&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Acute Inpatient&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Active Bleeding&quot;]\n    union [&quot;Encounter, Performed&quot;: &quot;Observation Services&quot;] ) Encounter\n    where Encounter.relevantPeriod ends during &quot;Measurement Period&quot;</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"SDE Ethnicity\" />\n            <label for=\"SDE Ethnicity\" class=\"list-header\"><strong>SDE Ethnicity</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul><ul class=\"list-unstyled\" style=\"list-style:none;padding-left:0;\">\n    <li class=\"list-unstyled\">\n        <div class=\"treeview hover p-l-10\">\n            <input type=\"checkbox\" id=\"SDE Payer\" />\n            <label for=\"SDE Payer\" class=\"list-header\"><strong>SDE Payer</strong></label>\n            <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n                <li class=\"list-unstyled\">\n                    <div>\n                        <ul style=\"padding-left: 0px;\">\n                            <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                                <div>\n                                    <pre class=\"cql-definition-body\">  [&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]</pre>\n                                </div>\n                            </li>\n                        </ul>&nbsp;\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </li>\n</ul>            </div>\n        </li>\n    </ul>\n</div><h3><a name=\"d1e650\" href=\"#toc\">Functions</a></h3>\n<div>\n    <ul style=\"list-style:none;padding-left: 10px;\">\n        <li class=\"list-unstyled\" style=\"list-style:none;\">\n            <div>\n                                    None\n            </div>\n        </li>\n    </ul>\n</div><h3><a name=\"d1e555\" href=\"#toc\">Terminology</a></h3>\n<div>\n            <ul style=\"padding-left: 50px;\">\n                <li style=\"width:80%\">valueset &quot;Active Bleeding&quot; (2.16.840.1.113762.1.4.1206.28)</li>\n                <li style=\"width:80%\">valueset &quot;Acute Inpatient&quot; (2.16.840.1.113762.1.4.1182.118)</li>\n                <li style=\"width:80%\">valueset &quot;Emergency Department Visit&quot; (2.16.840.1.113883.3.117.1.7.1.292)</li>\n                <li style=\"width:80%\">valueset &quot;Encounter Inpatient&quot; (2.16.840.1.113883.3.666.5.307)</li>\n                <li style=\"width:80%\">valueset &quot;Ethnicity&quot; (2.16.840.1.114222.4.11.837)</li>\n                <li style=\"width:80%\">valueset &quot;Observation Services&quot; (2.16.840.1.113762.1.4.1111.143)</li>\n                <li style=\"width:80%\">valueset &quot;Payer Type&quot; (2.16.840.1.114222.4.11.3591)</li>\n        </ul>\n</div><h3><a name=\"d1e647\" href=\"#toc\">Data Criteria (QDM Data Elements)</a></h3>\n\n<div>\n            <ul style=\"padding-left: 50px;\">\n                <li style=\"width:80%\">&quot;Encounter, Performed: Active Bleeding&quot; using &quot;Active Bleeding (2.16.840.1.113762.1.4.1206.28)&quot;</li>\n                <li style=\"width:80%\">&quot;Encounter, Performed: Acute Inpatient&quot; using &quot;Acute Inpatient (2.16.840.1.113762.1.4.1182.118)&quot;</li>\n                <li style=\"width:80%\">&quot;Encounter, Performed: Emergency Department Visit&quot; using &quot;Emergency Department Visit (2.16.840.1.113883.3.117.1.7.1.292)&quot;</li>\n                <li style=\"width:80%\">&quot;Encounter, Performed: Encounter Inpatient&quot; using &quot;Encounter Inpatient (2.16.840.1.113883.3.666.5.307)&quot;</li>\n                <li style=\"width:80%\">&quot;Encounter, Performed: Observation Services&quot; using &quot;Observation Services (2.16.840.1.113762.1.4.1111.143)&quot;</li>\n                <li style=\"width:80%\">&quot;Patient Characteristic Ethnicity: Ethnicity&quot; using &quot;Ethnicity (2.16.840.1.114222.4.11.837)&quot;</li>\n                <li style=\"width:80%\">&quot;Patient Characteristic Payer: Payer Type&quot; using &quot;Payer Type (2.16.840.1.114222.4.11.3591)&quot;</li>\n        </ul>\n</div><h3><a name=\"d1e767\" href=\"#toc\">Supplemental Data Elements</a></h3>\n<ul style=\"list-style:none;padding-left: 25px;\">\n\t<li class=\"list-unstyled\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"ef8c749a-23d1-4731-86dc-907983029bb5\" />\n        <label for=\"ef8c749a-23d1-4731-86dc-907983029bb5\" class=\"list-header\"><strong>SDE Ethnicity</strong></label>\n        <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n            <li class=\"list-unstyled\">\n                <div>\n                    <ul style=\"padding-left: 0px;\">\n                        <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                            <div>\n                                <pre class=\"cql-definition-body\">  [&quot;Patient Characteristic Ethnicity&quot;: &quot;Ethnicity&quot;]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><h3><a name=\"d1e879\" href=\"#toc\">Risk Adjustment Variables</a></h3>\n<ul style=\"list-style:none;padding-left: 25px;\">\n\t<li class=\"list-unstyled\">\n    <div class=\"treeview hover p-l-10\">\n        <input type=\"checkbox\" id=\"15d20fe6-b081-4561-b0b6-17b41a737e02\" />\n        <label for=\"15d20fe6-b081-4561-b0b6-17b41a737e02\" class=\"list-header\"><strong>SDE Payer</strong></label>\n        <ul class=\"code\" style=\"margin-right: 20%; opacity: 1;\">\n            <li class=\"list-unstyled\">\n                <div>\n                    <ul style=\"padding-left: 0px;\">\n                        <li style=\"padding-left: 0px;\" class=\"list-unstyled\">\n                            <div>\n                                <pre class=\"cql-definition-body\">[[&quot;Patient Characteristic Payer&quot;: &quot;Payer Type&quot;]]</pre>\n                            </div>\n                        </li>\n                    </ul>&nbsp;\n                </div>\n            </li>\n        </ul>\n    </div>\n</li></ul><div style=\"float:left; background:teal; height:3px; width:80%\"></div>\n<pre><br/></pre><table class=\"header_table\" role=\"presentation\">\n    <tbody>\n        <tr>\n            <th scope=\"row\" class=\"row-header\"><span class=\"td_label\">Measure Set</span></th>\n            <td style=\"width:80%\" colspan=\"3\">\n                <div style=\"width:660px;\">\n                    <pre></pre>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n\n    </body>\n</html>\n`;\n};\n","import React, { useRef, useState, useEffect } from \"react\";\nimport ReactModal from \"react-modal\";\nimport PropTypes from \"prop-types\";\n\nimport { CloseXIcon2 } from \"../../lib/SvgComponents.jsx\";\n\nconst Modal = ({\n    children,\n    onRequestClose,\n    title,\n    primary,\n    secondary,\n    appElement,\n    isOpen,\n    ...props\n}) => {\n    const [overflowSeparator, setOverflowSeparator] = useState(false);\n    const closeButtonRef = useRef(null);\n    const contentRef = useRef(null);\n\n    useEffect(() => {\n        ReactModal.setAppElement(appElement);\n    }, []);\n\n    const getWidth = () => {\n        if (props.width) {\n            return {\n                width: props.width,\n                maxWidth: \"calc(100vw - 2rem)\",\n                maxHeight: \"calc(100vh - 2rem)\",\n            };\n        } else {\n            return {};\n        }\n    };\n\n    return (\n        <ReactModal\n            onRequestClose={onRequestClose}\n            portalClassName=\"qpp-c-modal\"\n            className=\"qpp-c-modal__content\"\n            overlayClassName=\"qpp-c-modal__overlay\"\n            bodyOpenClassName=\"qpp-c-modal__body-open\"\n            isOpen={isOpen}\n            style={{\n                content: getWidth(),\n            }}\n            onAfterOpen={() => {\n                // Add heading separator based on overflow\n                if (\n                    contentRef.current?.scrollHeight >\n                    document.documentElement.clientHeight * 0.6\n                ) {\n                    setOverflowSeparator(true);\n                } else {\n                    setOverflowSeparator(false);\n                }\n\n                // Set default focus\n                if (closeButtonRef?.current) {\n                    closeButtonRef.current.focus();\n                }\n            }}\n            aria={{\n                labelledby: \"modal-heading\",\n                describedby: \"modal-body\",\n            }}\n            {...props}\n        >\n            <div\n                className={`qpp-c-modal__header ${\n                    overflowSeparator ? \"qpp-c-modal__header-sep\" : \"\"\n                }`}\n            >\n                <h3 id=\"modal-heading\">{title}</h3>\n                <button\n                    className=\"closex qpp-c-button qpp-c-button--text qpp-u-color--black\"\n                    aria-label=\"close modal\"\n                    data-testid=\"modal-close-btn\"\n                    onClick={onRequestClose}\n                    ref={closeButtonRef}\n                >\n                    <CloseXIcon2 />\n                </button>\n            </div>\n            <div\n                id=\"modal-body\"\n                className=\"qpp-c-modal__body\"\n                ref={contentRef}\n                tabIndex={overflowSeparator ? \"0\" : undefined}\n            >\n                {children}\n            </div>\n            {(primary || secondary) && (\n                <div className=\"qpp-c-modal__footer\">\n                    {secondary && (\n                        <button\n                            className={`qpp-c-button qpp-c-button--secondary ${\n                                primary ? \"qpp-u-margin-right--16\" : \"\"\n                            }`}\n                            loading={secondary.loading}\n                            onClick={secondary.onClick || onRequestClose}\n                            aria-label={secondary.title}\n                            data-testid=\"modal-secondary-btn\"\n                        >\n                            {secondary.title}\n                        </button>\n                    )}\n                    {primary && (\n                        <button\n                            className=\"qpp-c-button\"\n                            loading={primary.loading}\n                            onClick={primary.onClick}\n                            data-testid=\"modal-primary-btn\"\n                            aria-label={primary.title}\n                        >\n                            {primary.title}\n                        </button>\n                    )}\n                </div>\n            )}\n        </ReactModal>\n    );\n};\n\nModal.propTypes = {\n    title: PropTypes.string,\n    children: PropTypes.node.isRequired,\n    primary: PropTypes.shape({\n        title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n        onClick: PropTypes.func,\n        loading: PropTypes.bool,\n        loadingText: PropTypes.string,\n    }),\n    secondary: PropTypes.shape({\n        title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n        onClick: PropTypes.func,\n        loading: PropTypes.bool,\n        loadingText: PropTypes.string,\n    }),\n    onRequestClose: PropTypes.func,\n    appElement: PropTypes.string,\n    isOpen: PropTypes.bool,\n    width: PropTypes.string,\n};\n\nModal.defaultProps = {\n    onRequestClose: () => {},\n    title: undefined,\n    primary: null,\n    secondary: null,\n    appElement: \"body > *:not(.qpp-c-modal)\",\n    isOpen: false,\n};\n\nexport default Modal;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport DsModal from \"./Modal\";\n\nconst Modal = ({ useDesignSystem, ...rest }) => {\n    return <DsModal {...rest} />;\n};\n\nModal.propTypes = {\n    useDesignSystem: PropTypes.bool,\n};\nModal.defaultProps = {\n    useDesignSystem: false,\n};\nModal.displayName = \"Modal\";\n\nexport default Modal;\n","(function (global, factory) {\n  if (typeof define === \"function\" && define.amd) {\n    define([\"exports\", \"react\", \"./index\", \"@storybook/addon-knobs\", \"./HumanReadable\"], factory);\n  } else if (typeof exports !== \"undefined\") {\n    factory(exports, require(\"react\"), require(\"./index\"), require(\"@storybook/addon-knobs\"), require(\"./HumanReadable\"));\n  } else {\n    var mod = {\n      exports: {}\n    };\n    factory(mod.exports, global.react, global.index, global.addonKnobs, global.HumanReadable);\n    global.ModalStories = mod.exports;\n  }\n})(typeof globalThis !== \"undefined\" ? globalThis : typeof self !== \"undefined\" ? self : this, function (_exports, _react, _index, _addonKnobs, _HumanReadable) {\n  \"use strict\";\n\n  Object.defineProperty(_exports, \"__esModule\", {\n    value: true\n  });\n  _exports.default = _exports.WithDesignSystemOverflowForHR = _exports.WithDesignSystemOverflow = _exports.WithDesignSystemDialog = _exports.WithDesignSystem = void 0;\n  _react = _interopRequireWildcard(_react);\n  _index = _interopRequireDefault(_index);\n  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\n  function _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\n  var _default = _exports.default = {\n    title: \"Modal\",\n    component: _index.default,\n    decorators: [_addonKnobs.withKnobs]\n  };\n  const useModal = () => {\n    const [open, setOpen] = (0, _react.useState)(false);\n    const openModal = () => setOpen(true);\n    const closeModal = () => setOpen(false);\n    return [open, openModal, closeModal];\n  };\n  const WithDesignSystem = () => {\n    const [open, openModal, closeModal] = useModal();\n    const knobIsOpen = (0, _addonKnobs.boolean)(\"isOpen\", false);\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: \"qpp-u-padding--12\"\n    }, /*#__PURE__*/_react.default.createElement(\"button\", {\n      className: \"qpp-c-button\",\n      onClick: openModal\n    }, \"Open Modal\"), /*#__PURE__*/_react.default.createElement(_index.default, {\n      useDesignSystem: true,\n      isOpen: open || knobIsOpen,\n      title: (0, _addonKnobs.text)(\"Title text\", \"Title Text\"),\n      onRequestClose: closeModal\n    }, /*#__PURE__*/_react.default.createElement(\"p\", null, (0, _addonKnobs.text)(\"bodyText\", \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris.\"))));\n  };\n  _exports.WithDesignSystem = WithDesignSystem;\n  const WithDesignSystemDialog = () => {\n    const [open, openModal, closeModal] = useModal();\n    const knobIsOpen = (0, _addonKnobs.boolean)(\"isOpen\", false);\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: \"qpp-u-padding--12\"\n    }, /*#__PURE__*/_react.default.createElement(\"button\", {\n      className: \"qpp-c-button\",\n      onClick: openModal\n    }, \"Open Modal\"), /*#__PURE__*/_react.default.createElement(_index.default, {\n      useDesignSystem: true,\n      isOpen: open || knobIsOpen,\n      title: (0, _addonKnobs.text)(\"Title text\", \"Title Text\"),\n      onRequestClose: closeModal,\n      primary: {\n        title: \"Yes, go for it\",\n        onClick: () => {\n          console.log(\"submit\");\n          closeModal();\n        }\n      },\n      secondary: {\n        title: \"No, take me back\"\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"p\", null, (0, _addonKnobs.text)(\"bodyText\", \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris.\"))));\n  };\n  _exports.WithDesignSystemDialog = WithDesignSystemDialog;\n  const WithDesignSystemOverflow = () => {\n    const [open, openModal, closeModal] = useModal();\n    const knobIsOpen = (0, _addonKnobs.boolean)(\"isOpen\", false);\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: \"qpp-u-padding--12\"\n    }, /*#__PURE__*/_react.default.createElement(\"button\", {\n      className: \"qpp-c-button\",\n      onClick: openModal\n    }, \"Open Modal\"), /*#__PURE__*/_react.default.createElement(_index.default, {\n      useDesignSystem: true,\n      isOpen: open || knobIsOpen,\n      title: (0, _addonKnobs.text)(\"Title text\", \"Title Text\"),\n      onRequestClose: closeModal,\n      primary: {\n        title: \"Yes, go for it\",\n        onClick: () => {\n          console.log(\"submit\");\n          closeModal();\n        }\n      },\n      secondary: {\n        title: \"No, take me back\"\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac pulvinar massa, in mattis ligula. Vestibulum enim velit, ullamcorper vitae lorem ullamcorper, blandit fringilla mauris. Aenean odio nulla, dapibus convallis est ac, tempor congue lorem. Aliquam facilisis tortor eget lectus gravida bibendum. Suspendisse vel posuere risus. Etiam condimentum sollicitudin est, eget auctor lectus suscipit nec. Duis efficitur vitae risus at malesuada. Mauris tempus turpis sed lacus lacinia, et mattis tortor eleifend. In sit amet felis vel quam egestas ultricies ac ac nisl. Morbi elementum dui libero, non convallis risus ornare vel. Maecenas posuere ipsum ut sem aliquet, quis maximus dolor cursus. Praesent vulputate orci tellus, sed fringilla arcu mollis sit amet. Phasellus eros turpis, consequat sit amet placerat sed, mollis ac justo.\"), /*#__PURE__*/_react.default.createElement(\"p\", null, \"Cras quis pharetra elit. Mauris lacinia quam quis metus mattis lobortis vel nec arcu. Fusce nec tellus vel nunc cursus vestibulum. Quisque pretium, arcu at sagittis posuere, leo magna tempus nunc, vel malesuada nunc mauris ac ante. Donec arcu velit, imperdiet vitae purus nec, imperdiet auctor nisi. Cras ornare, elit sit amet viverra bibendum, justo dolor congue mi, quis pretium erat orci a lorem. Sed rhoncus quam ut tellus hendrerit accumsan.\"), /*#__PURE__*/_react.default.createElement(\"p\", null, \"Donec varius elit vitae elit efficitur fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla facilisi. Ut malesuada venenatis varius. Nunc libero massa, luctus sagittis sapien ultrices, pulvinar venenatis purus. In nec orci ac nibh sagittis lobortis vel sed massa. Morbi pretium odio vitae malesuada ullamcorper. Pellentesque facilisis posuere consectetur. Nam maximus finibus ante, non eleifend neque euismod et.\"), /*#__PURE__*/_react.default.createElement(\"p\", null, \"Pellentesque vehicula nec massa nec accumsan. Pellentesque non odio eu felis hendrerit pellentesque non sed neque. Morbi dui nisl, facilisis id gravida non, vehicula at dui. In eleifend suscipit imperdiet. Quisque facilisis augue et mi lobortis tristique. Praesent auctor dictum erat, non mollis ante tempus id. Integer et libero iaculis, imperdiet neque at, pharetra nisl. Suspendisse diam massa, vehicula eu varius ullamcorper, semper vel velit. Morbi consequat mattis nisi, id dignissim est bibendum non. Suspendisse semper laoreet neque, ac tincidunt tortor. Ut posuere urna a convallis consectetur. Mauris varius cursus libero sed molestie. Duis id dignissim arcu. Mauris tincidunt egestas congue.\"), /*#__PURE__*/_react.default.createElement(\"p\", null, \"Donec rutrum erat vitae nulla ultricies, quis laoreet orci consequat. Nunc et justo volutpat dolor feugiat convallis. Vivamus efficitur nisi quis risus eleifend, ut tincidunt turpis volutpat. Nam commodo turpis dolor, dapibus rutrum erat facilisis a. Ut a dictum urna. Maecenas vel egestas odio. Ut venenatis est dolor, eget ullamcorper diam finibus et. Proin tincidunt porta pellentesque.\")));\n  };\n  _exports.WithDesignSystemOverflow = WithDesignSystemOverflow;\n  const WithDesignSystemOverflowForHR = () => {\n    const [open, openModal, closeModal] = useModal();\n    const knobIsOpen = (0, _addonKnobs.boolean)(\"isOpen\", false);\n    const hr = (0, _HumanReadable.humanReadable)();\n    return /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: \"qpp-u-padding--12\"\n    }, /*#__PURE__*/_react.default.createElement(\"button\", {\n      className: \"qpp-c-button\",\n      onClick: openModal\n    }, \"Open Modal\"), /*#__PURE__*/_react.default.createElement(\"div\", {\n      \"data-testid\": \"view-hr-modal\"\n    }, /*#__PURE__*/_react.default.createElement(_index.default, {\n      useDesignSystem: true,\n      isOpen: open || knobIsOpen,\n      title: \"Human Readable\",\n      onRequestClose: closeModal,\n      width: \"75rem\",\n      primary: {\n        title: \"Yes, go for it\",\n        onClick: () => {\n          console.log(\"submit\");\n          closeModal();\n        }\n      },\n      secondary: {\n        title: \"No, take me back\"\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"div\", {\n      className: \"modal-body\",\n      dangerouslySetInnerHTML: {\n        __html: hr\n      }\n    }))));\n  };\n  _exports.WithDesignSystemOverflowForHR = WithDesignSystemOverflowForHR;\n});"],"names":[],"sourceRoot":""}

package/storybook-static/NotificationBanner-NotificationBanner-stories.c9cd7214.iframe.bundle.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_madie_madie_design_system=self.webpackChunk_madie_madie_design_system||[]).push([[5990],{"./components/NotificationBanner/index.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/prop-types/index.js"),__webpack_require__("./components/SanitizedContent/index.jsx"),__webpack_require__("./lib/SvgComponents.jsx"),__webpack_require__("./components/hooks/useGetConfig.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_propTypes,_SanitizedContent,_SvgComponents,_useGetConfig){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f})(e,t)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireWildcard(_react),_propTypes=_interopRequireDefault(_propTypes),_SanitizedContent=_interopRequireDefault(_SanitizedContent);var NotificationBanner=function(_Component){function NotificationBanner(props){var _this;return _classCallCheck(this,NotificationBanner),(_this=_callSuper(this,NotificationBanner,[props])).state={height:"100%",expanded:!0},_this._renderCloseButton=_this.renderCloseButton.bind(_this),_this._collapseNotification=_this.collapseNotification.bind(_this),_this._expandNotification=_this.expandNotification.bind(_this),_this._setBannerHeight=_this.setBannerHeight.bind(_this),_this}return _inherits(NotificationBanner,_Component),_createClass(NotificationBanner,[{key:"componentDidMount",value:function componentDidMount(){window.innerWidth<=767&&this.setState({expanded:!1}),window.addEventListener("load",this._setBannerHeight),window.addEventListener("resize",this._setBannerHeight)}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props;if(prevProps.result!==(null===(_this$props=this.props)||void 0===_this$props?void 0:_this$props.result)){var notifications=this.props.result;Object.keys(notifications).length>0&&this.setState({expanded:this.isNotificationExpanded(notifications.content)})}}},{key:"setBannerHeight",value:function setBannerHeight(){this.props.result.content.content&&(this.bannerContainer.style.transition="none",this.state.expanded?this.collapsedBanner.setAttribute("tabIndex","-1"):this.collapsedBanner.setAttribute("tabIndex"," "),this.setState({height:this.state.expanded?"100%":this.collapsedWrapper.offsetHeight+"px"}))}},{key:"isNotificationExpanded",value:function isNotificationExpanded(notification){var dateDismissed=new Date(notification.dateDismissed),dateUpdated=new Date(notification.dateUpdated);return this.isDateValid(dateUpdated)&&this.isDateValid(dateDismissed)&&dateUpdated>=dateDismissed||!this.isDateValid(dateDismissed)}},{key:"isDateValid",value:function isDateValid(date){return!isNaN(Date.parse(date))}},{key:"markNotificationClosed",value:function markNotificationClosed(){var result=this.props.result,dateDismissed=(new Date).toISOString(),storageNotification=result||{};storageNotification&&Object.keys(storageNotification).length>0?window.localStorage.setItem("notifications",JSON.stringify(_objectSpread(_objectSpread({},storageNotification),{},{content:_objectSpread(_objectSpread({},storageNotification.content),{},{dateDismissed})}))):window.localStorage.setItem("notifications",JSON.stringify(_objectSpread(_objectSpread({},storageNotification),{},{content:{name:"header-notification",dateDismissed}})))}},{key:"collapseNotification",value:function collapseNotification(e){e.stopPropagation(),this.markNotificationClosed(),this.collapsedBanner.setAttribute("tabIndex"," "),this.bannerContainer.style.transition="height .2s ease-out",this.setState({expanded:!1,height:this.collapsedWrapper.offsetHeight+"px"})}},{key:"expandNotification",value:function expandNotification(){this.state.expanded||(this.collapsedBanner.setAttribute("tabIndex","-1"),this.bannerContainer.style.transition="height .2s ease-out",this.setState({expanded:!0,height:"100%"}))}},{key:"renderCloseButton",value:function renderCloseButton(){return this.props.result.content.dismissable?_react.default.createElement("button",{onClick:this._collapseNotification,type:"button",className:"notification-banner-close"},_react.default.createElement("svg",{className:"close-icon","aria-hidden":"true",focusable:"false"},_react.default.createElement(_SvgComponents.CloseXIcon,null)),_react.default.createElement("span",{className:"sr-only"},"Close")):""}},{key:"render",value:function render(){var _this2=this,_this$state=this.state,expanded=_this$state.expanded,height=_this$state.height,_this$props$result=this.props.result,_this$props$result2$c=(void 0===_this$props$result?{}:_this$props$result).content,_this$props$result2$c2=void 0===_this$props$result2$c?{}:_this$props$result2$c,enabled=_this$props$result2$c2.enabled,content=_this$props$result2$c2.content;if(content&&enabled){var notificationStatus=expanded?"expanded":"collapsed",_content$color=content.color,color=void 0===_content$color?"blue":_content$color,_content$label=content.label,label=void 0===_content$label?"Update":_content$label,className="notification-banner  notification-banner-".concat(color," ").concat(notificationStatus);return _react.default.createElement("div",{style:{height},ref:function ref(elem){return _this2.bannerContainer=elem},className},_react.default.createElement("div",{ref:function ref(elem){return _this2.expandedWrapper=elem},className:"notification-banner-wrapper expanded-view"},_react.default.createElement("div",{className:"notification-banner-label"},label),_react.default.createElement("div",{className:"notification-banner-content"},_react.default.createElement(_SanitizedContent.default,{html:expanded?content:"<p>Nothing to see here</p>"})),expanded&&this._renderCloseButton()),_react.default.createElement("div",{ref:function ref(elem){return _this2.collapsedWrapper=elem},className:"notification-banner-wrapper collapsed-view",onClick:this._expandNotification},_react.default.createElement("button",{ref:function ref(elem){return _this2.collapsedBanner=elem},className:"notification-banner-label"},label,_react.default.createElement("span",{className:"bell-icon"},_react.default.createElement("svg",{"aria-hidden":"true",focusable:"false"},_react.default.createElement(_SvgComponents.BellOutline,null))))))}return _react.default.createElement("div",{id:"notification-banner"})}}])}(_react.Component);NotificationBanner.propTypes={result:_propTypes.default.shape({content:_propTypes.default.shape({content:_propTypes.default.string,label:_propTypes.default.string,color:_propTypes.default.string,dismissable:_propTypes.default.bool})})},NotificationBanner.defaultProps={result:{content:{content:null,label:"Update",color:"blue",dismissable:!0}}},_exports.default=(0,_useGetConfig.withGetConfig)(NotificationBanner,{timeout:5,url:"/config/notification",localStorageName:"active_notification",equalityCheckExclude:["dateDismissed","dateUpdated"],defaultContent:{}}),NotificationBanner.__docgenInfo={description:"",methods:[{name:"setBannerHeight",docblock:null,modifiers:[],params:[],returns:null},{name:"isNotificationExpanded",docblock:null,modifiers:[],params:[{name:"notification",optional:!1,type:null}],returns:null},{name:"isDateValid",docblock:"Whether the date is valid, i.e. not null\n\n@param {Date} date\n@return {Boolean}",modifiers:[],params:[{name:"date",type:{name:"Date"},optional:!1}],returns:{type:{name:"Boolean"}},description:"Whether the date is valid, i.e. not null"},{name:"markNotificationClosed",docblock:"Try to find this NotificationBanner instance in localStorage, or else add\na minimal version of it, and mark it with a dateDismissed, then update\nlocalStorage.",modifiers:[],params:[],returns:null,description:"Try to find this NotificationBanner instance in localStorage, or else add\na minimal version of it, and mark it with a dateDismissed, then update\nlocalStorage."},{name:"collapseNotification",docblock:"Callback when the user dimisses a notification. Mark it as dismissed in\nlocalStorage, empty the contents, and dispatch a custom event to notify\nany observers that it has been dismissed.",modifiers:[],params:[{name:"e",optional:!1}],returns:null,description:"Callback when the user dimisses a notification. Mark it as dismissed in\nlocalStorage, empty the contents, and dispatch a custom event to notify\nany observers that it has been dismissed."},{name:"expandNotification",docblock:null,modifiers:[],params:[],returns:null},{name:"renderCloseButton",docblock:"Renders the close button if the notification instance is dismissable.\n\n@return {String} HTML content",modifiers:[],params:[],returns:{description:"HTML content",type:{name:"String"}},description:"Renders the close button if the notification instance is dismissable."}],displayName:"NotificationBanner",props:{result:{defaultValue:{value:'{\n    content: {\n        content: null,\n        label: "Update",\n        color: "blue",\n        dismissable: true,\n    },\n}',computed:!1},description:"",type:{name:"shape",value:{content:{name:"shape",value:{content:{name:"string",required:!1},label:{name:"string",required:!1},color:{name:"string",required:!1},dismissable:{name:"bool",required:!1}},required:!1}}},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/SanitizedContent/index.jsx"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/xss/lib/index.js"),__webpack_require__("./node_modules/prop-types/index.js")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_xss,_propTypes){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_react=_interopRequireDefault(_react),_xss=_interopRequireDefault(_xss),_propTypes=_interopRequireDefault(_propTypes);var defaultAllowedTags=["a","abbr","address","article","aside","b","blockquote","br","button","caption","cite","code","col","colgroup","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","i","img","input","ins","kbd","label","legend","li","mark","meter","nav","ol","optgroup","option","output","p","picture","pre","progress","q","section","select","small","source","span","strong","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","svg","use","polygon","circle","g","path"],defaultAllowedAttributes={"*":["action","alt","aria-*","autocomplete","cite","class","cols","colspan","data-*","datetime","disabled","download","for","headers","height","hidden","href","hreflang","id","lang","list","max","maxlength","minlength","media","method","min","multiple","name","novalidate","open","pattern","placeholder","readonly","rel","required","reversed","rows","rowspan","sandbox","scope","scoped","selected","size","sizes","span","spellcheck","src","srcset","start","step","style","summary","tabindex","target","title","type","value","width","wrap","fill","stroke"," stroke-width","d","points","viewbox","x","y","cx","cy","r","xmlns","xmlns:xlink","xlink:href","version","preserveaspectratio","enable-background"]},SanitizedContent=function SanitizedContent(_ref){var _ref$html=_ref.html,html=void 0===_ref$html?"<div/>":_ref$html,_ref$customClassName=_ref.customClassName,customClassName=void 0===_ref$customClassName?null:_ref$customClassName,_ref$allowedTags=_ref.allowedTags,allowedTags=void 0===_ref$allowedTags?defaultAllowedTags:_ref$allowedTags,_ref$allowedAttribute=_ref.allowedAttributes,allowedAttributes=void 0===_ref$allowedAttribute?defaultAllowedAttributes:_ref$allowedAttribute,whiteList=allowedTags.reduce(function(map,tag){return map[tag]=allowedAttributes["*"],map},{}),sanitizedHTML=(0,_xss.default)(html,{whiteList});return _react.default.createElement("div",_extends({},customClassName&&{className:customClassName},{dangerouslySetInnerHTML:{__html:sanitizedHTML}}))};SanitizedContent.propTypes={html:_propTypes.default.string,customClassName:_propTypes.default.string,allowedTags:_propTypes.default.array,allowedAttributes:_propTypes.default.array},_exports.default=SanitizedContent,SanitizedContent.__docgenInfo={description:"",methods:[],displayName:"SanitizedContent",props:{html:{defaultValue:{value:'"<div/>"',computed:!1},description:"",type:{name:"string"},required:!1},customClassName:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},allowedTags:{defaultValue:{value:'[\n    "a",\n    "abbr",\n    "address",\n    "article",\n    "aside",\n    "b",\n    "blockquote",\n    "br",\n    "button",\n    "caption",\n    "cite",\n    "code",\n    "col",\n    "colgroup",\n    "datalist",\n    "dd",\n    "del",\n    "details",\n    "dfn",\n    "dialog",\n    "div",\n    "dl",\n    "dt",\n    "em",\n    "fieldset",\n    "figcaption",\n    "figure",\n    "footer",\n    "form",\n    "h1",\n    "h2",\n    "h3",\n    "h4",\n    "h5",\n    "h6",\n    "header",\n    "hr",\n    "i",\n    "img",\n    "input",\n    "ins",\n    "kbd",\n    "label",\n    "legend",\n    "li",\n    "mark",\n    "meter",\n    "nav",\n    "ol",\n    "optgroup",\n    "option",\n    "output",\n    "p",\n    "picture",\n    "pre",\n    "progress",\n    "q",\n    "section",\n    "select",\n    "small",\n    "source",\n    "span",\n    "strong",\n    "sub",\n    "summary",\n    "sup",\n    "table",\n    "tbody",\n    "td",\n    "textarea",\n    "tfoot",\n    "th",\n    "thead",\n    "time",\n    "tr",\n    "ul",\n    "svg",\n    "use",\n    "polygon",\n    "circle",\n    "g",\n    "path",\n]',computed:!1},description:"",type:{name:"array"},required:!1},allowedAttributes:{defaultValue:{value:'{\n    "*": [\n        "action",\n        "alt",\n        "aria-*",\n        "autocomplete",\n        "cite",\n        "class",\n        "cols",\n        "colspan",\n        "data-*",\n        "datetime",\n        "disabled",\n        "download",\n        "for",\n        "headers",\n        "height",\n        "hidden",\n        "href",\n        "hreflang",\n        "id",\n        "lang",\n        "list",\n        "max",\n        "maxlength",\n        "minlength",\n        "media",\n        "method",\n        "min",\n        "multiple",\n        "name",\n        "novalidate",\n        "open",\n        "pattern",\n        "placeholder",\n        "readonly",\n        "rel",\n        "required",\n        "reversed",\n        "rows",\n        "rowspan",\n        "sandbox",\n        "scope",\n        "scoped",\n        "selected",\n        "size",\n        "sizes",\n        "span",\n        "spellcheck",\n        "src",\n        "srcset",\n        "start",\n        "step",\n        "style",\n        "summary",\n        "tabindex",\n        "target",\n        "title",\n        "type",\n        "value",\n        "width",\n        "wrap",\n        "fill",\n        "stroke",\n        " stroke-width",\n        "d",\n        "points",\n        "viewbox",\n        "x",\n        "y",\n        "cx",\n        "cy",\n        "r",\n        "xmlns",\n        "xmlns:xlink",\n        "xlink:href",\n        "version",\n        "preserveaspectratio",\n        "enable-background",\n    ],\n}',computed:!1},description:"",type:{name:"array"},required:!1}}}},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/hooks/useGetConfig.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/axios/dist/browser/axios.cjs")],__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_axios){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.withGetConfig=_exports.default=void 0,_react=_interopRequireWildcard(_react),_axios=_interopRequireDefault(_axios);var useGetConfig=function useGetConfig(_ref){var _ref$url=_ref.url,url=void 0===_ref$url?"":_ref$url,_ref$localStorageName=_ref.localStorageName,localStorageName=void 0===_ref$localStorageName?"":_ref$localStorageName,_ref$equalityCheckExc=_ref.equalityCheckExclude,equalityCheckExclude=void 0===_ref$equalityCheckExc?[]:_ref$equalityCheckExc,_ref$timeout=_ref.timeout,timeout=void 0===_ref$timeout?30:_ref$timeout,defaultContent=_ref.defaultContent,_useState2=_slicedToArray((0,_react.useState)(),2),result=_useState2[0],setResult=_useState2[1];if(!url||!localStorageName)throw new Error("Arguments for url and localStorageName are required");return(0,_react.useEffect)(function(){var storageContent=JSON.parse(localStorage.getItem(localStorageName));if(null!=storageContent&&storageContent.content&&(new Date).valueOf()<storageContent.expiration)setResult(storageContent);else{var origin=window.location.origin;_axios.default.get("".concat(origin).concat(url)).then(function(_ref2){var _ref2$data$data=_ref2.data.data,data=void 0===_ref2$data$data?{}:_ref2$data$data,storageItem={expiration:(new Date).valueOf()+60*timeout*1e3};null!=data&&data.content&&null!=storageContent&&storageContent.content&&Object.keys(data.content).every(function(key){return!!equalityCheckExclude.includes(key)||data.content[key]===storageContent.content[key]})?storageItem.content=storageContent.content:storageItem.content=data.content,localStorage.setItem(localStorageName,JSON.stringify(storageItem)),setResult(storageItem)}).catch(function(e){setResult({content:defaultContent,expiration:0})})}},[]),result};_exports.withGetConfig=function withGetConfig(Component,options){function WrappedComponent(props){var result=useGetConfig(options);return _react.default.createElement(Component,_extends({result},props))}return WrappedComponent},_exports.default=useGetConfig},void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof __WEBPACK_AMD_DEFINE_FACTORY__?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)},"./components/NotificationBanner/NotificationBanner.stories.js"(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self&&self,__WEBPACK_AMD_DEFINE_ARRAY__=[exports,__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./components/NotificationBanner/index.js"),__webpack_require__("./node_modules/@storybook/addon-knobs/dist/index.js")],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=function(_exports,_react,_index,_addonKnobs){"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=_exports.ExampleNotificationBanner=void 0,_react=_interopRequireDefault(_react),_index=_interopRequireDefault(_index),_exports.default={title:"NotificationBanner",component:_index.default,decorators:[_addonKnobs.withKnobs]};const ExampleNotificationBanner=()=>_react.default.createElement(_index.default,{result:{content:"CONTENT",label:"Label",name:"name",color:"blue",dismissable:(0,_addonKnobs.boolean)("dismissable",!1)}});_exports.ExampleNotificationBanner=ExampleNotificationBanner,ExampleNotificationBanner.storyName="example NotificationBanner"})?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]);
+//# sourceMappingURL=NotificationBanner-NotificationBanner-stories.c9cd7214.iframe.bundle.js.map