@openmrs/esm-app-shell 3.1.13-pre.650 → 3.1.13-pre.651

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/esm-devtools-app/openmrs-esm-devtools-app.js +1 -1
  2. package/dist/esm-devtools-app/openmrs-esm-devtools-app.js.buildmanifest.json +1 -1
  3. package/dist/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js +1 -1
  4. package/dist/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js.buildmanifest.json +1 -1
  5. package/dist/esm-login-app/openmrs-esm-login-app.js +1 -1
  6. package/dist/esm-login-app/openmrs-esm-login-app.js.buildmanifest.json +1 -1
  7. package/dist/esm-offline-tools-app/openmrs-esm-offline-tools-app.js +1 -1
  8. package/dist/esm-offline-tools-app/openmrs-esm-offline-tools-app.js.buildmanifest.json +1 -1
  9. package/dist/esm-primary-navigation-app/160.openmrs-esm-primary-navigation-app.js +1 -1
  10. package/dist/esm-primary-navigation-app/160.openmrs-esm-primary-navigation-app.js.map +1 -1
  11. package/dist/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js +1 -1
  12. package/dist/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js.buildmanifest.json +4 -4
  13. package/dist/openmrs.js +1 -1
  14. package/dist/service-worker.js +1 -1
  15. package/lib/esm-devtools-app/openmrs-esm-devtools-app.js +1 -1
  16. package/lib/esm-devtools-app/openmrs-esm-devtools-app.js.buildmanifest.json +1 -1
  17. package/lib/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js +1 -1
  18. package/lib/esm-implementer-tools-app/openmrs-esm-implementer-tools-app.js.buildmanifest.json +1 -1
  19. package/lib/esm-login-app/openmrs-esm-login-app.js +1 -1
  20. package/lib/esm-login-app/openmrs-esm-login-app.js.buildmanifest.json +1 -1
  21. package/lib/esm-offline-tools-app/openmrs-esm-offline-tools-app.js +1 -1
  22. package/lib/esm-offline-tools-app/openmrs-esm-offline-tools-app.js.buildmanifest.json +1 -1
  23. package/lib/esm-primary-navigation-app/160.openmrs-esm-primary-navigation-app.js +1 -1
  24. package/lib/esm-primary-navigation-app/160.openmrs-esm-primary-navigation-app.js.map +1 -1
  25. package/lib/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js +1 -1
  26. package/lib/esm-primary-navigation-app/openmrs-esm-primary-navigation-app.js.buildmanifest.json +4 -4
  27. package/lib/openmrs.js +2 -2
  28. package/lib/service-worker.js +1 -1
  29. package/package.json +7 -7
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see openmrs-esm-offline-tools-app.js.LICENSE.txt */
2
- System.register(["@openmrs/esm-framework","react","react-i18next","carbon-components","react-router-dom","react-dom"],(function(e,n){var t={},i={},o={},r={},a={},l={};return{setters:[function(e){t.ConfigurableLink=e.ConfigurableLink,t.ExtensionSlot=e.ExtensionSlot,t.attach=e.attach,t.deleteSynchronizationItem=e.deleteSynchronizationItem,t.detach=e.detach,t.fetchCurrentPatient=e.fetchCurrentPatient,t.getAsyncLifecycle=e.getAsyncLifecycle,t.getOfflineDb=e.getOfflineDb,t.getOfflinePatientDataStore=e.getOfflinePatientDataStore,t.getOfflineSynchronizationStore=e.getOfflineSynchronizationStore,t.getSyncLifecycle=e.getSyncLifecycle,t.loadPersistedPatientDataSyncState=e.loadPersistedPatientDataSyncState,t.navigate=e.navigate,t.omrsOfflineCachingStrategyHttpHeaderName=e.omrsOfflineCachingStrategyHttpHeaderName,t.registerBreadcrumbs=e.registerBreadcrumbs,t.registerOfflinePatientHandler=e.registerOfflinePatientHandler,t.runSynchronization=e.runSynchronization,t.showModal=e.showModal,t.showNotification=e.showNotification,t.useExtensionSlotMeta=e.useExtensionSlotMeta,t.useLayoutType=e.useLayoutType,t.usePagination=e.usePagination,t.useStore=e.useStore},function(e){i.Component=e.Component,i.createContext=e.createContext,i.createElement=e.createElement,i.default=e.default,i.useCallback=e.useCallback,i.useContext=e.useContext,i.useDebugValue=e.useDebugValue,i.useEffect=e.useEffect,i.useLayoutEffect=e.useLayoutEffect,i.useMemo=e.useMemo,i.useRef=e.useRef,i.useState=e.useState},function(e){o.getI18n=e.getI18n,o.useTranslation=e.useTranslation},function(e){r.settings=e.settings},function(e){a.BrowserRouter=e.BrowserRouter,a.Route=e.Route,a.Switch=e.Switch,a.useHistory=e.useHistory},function(e){l.default=e.default}],execute:function(){e((()=>{var e,c,s={7024:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}t.d(n,{u9:()=>p});var l=["width","height","viewBox"],c=["tabindex"],s={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function p(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width,t=e.height,i=e.viewBox,r=void 0===i?"0 0 ".concat(n," ").concat(t):i,p=a(e,l),m=p.tabindex,u=a(p,c),h=o(o(o({},s),u),{},{width:n,height:t,viewBox:r});return h["aria-label"]||h["aria-labelledby"]||h.title?(h.role="img",null!=m&&(h.focusable="true",h.tabindex=m)):h["aria-hidden"]=!0,h}},9549:(e,n,t)=>{"use strict";t.d(n,{_:()=>o,Q:()=>r});var i=t(1489);const o={home:"/home",offlineTools:"/offline-tools",offlineToolsPatients:"/offline-tools/patients",offlineToolsPatientOfflineData:"/offline-tools/patients/:patientUuid/offline-data",offlineToolsActions:"/offline-tools/actions"},r={[i.omrsOfflineCachingStrategyHttpHeaderName]:"network-first"}},5867:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(1489),o=t(5954),r=t(9549);function a({page:e,title:n}){return o.default.createElement("div",{key:e},o.default.createElement(i.ConfigurableLink,{to:"${openmrsSpaBase}"+r._.offlineTools+(e?`/${e}`:""),className:"bx--side-nav__link"},n))}},4990:(e,n,t)=>{"use strict";t.d(n,{Z:()=>f});var i=t(216),o=t.n(i),r=t(5954),a=t(841),l=t.n(a),c=t(2434),s=t(4927);function p(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?p(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var h=c.settings.prefix,d=r.default.forwardRef((function(e,n){var t,i=e.children,o=e.as,a=e.className,c=e.disabled,s=e.small,p=e.size,d=e.kind,f=e.href,g=e.isSelected,$=e.tabIndex,b=e.type,y=e.renderIcon,v=e.iconDescription,x=e.hasIconOnly,w=e.tooltipPosition,k=e.tooltipAlignment,O=function(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["children","as","className","disabled","small","size","kind","href","isSelected","tabIndex","type","renderIcon","iconDescription","hasIconOnly","tooltipPosition","tooltipAlignment"]),_={tabIndex:$,className:l()(a,(u(t={},"".concat(h,"--btn"),!0),u(t,"".concat(h,"--btn--field"),"field"===p),u(t,"".concat(h,"--btn--sm"),"small"===p||"sm"===p||s),u(t,"".concat(h,"--btn--lg"),"lg"===p),u(t,"".concat(h,"--btn--xl"),"xl"===p),u(t,"".concat(h,"--btn--").concat(d),d),u(t,"".concat(h,"--btn--disabled"),c),u(t,"".concat(h,"--btn--icon-only"),x),u(t,"".concat(h,"--btn--selected"),x&&g&&"ghost"===d),u(t,"".concat(h,"--tooltip__trigger"),x),u(t,"".concat(h,"--tooltip--a11y"),x),u(t,"".concat(h,"--tooltip--").concat(w),x&&w),u(t,"".concat(h,"--tooltip--align-").concat(k),x&&k),t)),ref:n},z=y?r.default.createElement(y,{"aria-label":v,className:"".concat(h,"--btn__icon"),"aria-hidden":"true"}):null,C="button",B={disabled:c,type:b,"aria-pressed":x&&"ghost"===d?g:null},A={href:f},E=x?r.default.createElement("span",{className:"".concat(h,"--assistive-text")},v):null;return o?(C=o,B=m(m({},B),A)):f&&!c&&(C="a",B=A),r.default.createElement(C,m(m(m({},O),_),B),E,i,z)}));d.displayName="Button",d.propTypes={as:o().oneOfType([o().func,o().string,o().elementType]),children:o().node,className:o().string,disabled:o().bool,hasIconOnly:o().bool,href:o().string,iconDescription:function(e){if(e.renderIcon&&!e.children&&!e.iconDescription)return new Error("renderIcon property specified without also providing an iconDescription property.")},isSelected:o().bool,kind:o().oneOf(["primary","secondary","danger","ghost","danger--primary","danger--ghost","danger--tertiary","tertiary"]).isRequired,renderIcon:o().oneOfType([o().func,o().object]),role:o().string,size:o().oneOf(["default","field","small","sm","lg","xl"]),small:(0,s.Z)(o().bool,'\nThe prop `small` for Button has been deprecated in favor of `size`. Please use `size="sm"` instead.'),tabIndex:o().number,tooltipAlignment:o().oneOf(["start","center","end"]),tooltipPosition:o().oneOf(["top","right","bottom","left"]),type:o().oneOf(["button","reset","submit"])},d.defaultProps={tabIndex:0,type:"button",disabled:!1,kind:"primary",size:"default",tooltipAlignment:"center",tooltipPosition:"top"};const f=d},4927:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}t.d(n,{Z:()=>l});var a={};function l(e,n){return function(n,t,i){if(void 0!==n[t]){a[i]&&a[i][t]||(a[i]=o(o({},a[i]),{},r({},t,!0)));for(var l=arguments.length,c=new Array(l>3?l-3:0),s=3;s<l;s++)c[s-3]=arguments[s];return e.apply(void 0,[n,t,i].concat(c))}}}},6624:(e,n,t)=>{"use strict";function i(){var e=0;return function(){return++e}}t.d(n,{Z:()=>i})},781:(e,n,t)=>{"use strict";t.d(n,{I:()=>d,_:()=>m,a:()=>p});var i=t(7024),o=t(216),r=t.n(o),a=t(5954);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){s(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function p(){return(p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function m(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var u=["className","children","tabIndex"],h=["tabindex"],d=a.default.forwardRef((function(e,n){var t=e.className,o=e.children,r=e.tabIndex,l=m(e,u),s=(0,i.u9)(c(c({},l),{},{tabindex:r})),p=s.tabindex,d=m(s,h);return t&&(d.className=t),null!=p&&(d.tabIndex=p),n&&(d.ref=n),a.default.createElement("svg",d,o)}));d.displayName="Icon",d.propTypes={"aria-hidden":r().string,"aria-label":r().string,"aria-labelledby":r().string,children:r().node,className:r().string,height:r().oneOfType([r().number,r().string]),preserveAspectRatio:r().string,tabIndex:r().string,viewBox:r().string,width:r().oneOfType([r().number,r().string]),xmlns:r().string},d.defaultProps={xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet"}},6825:(e,n,t)=>{"use strict";t.d(n,{sKV:()=>v,mhO:()=>y,Gu6:()=>w,s$s:()=>x});var i,o,r,a,l,c,s,p,m,u,h=t(781),d=t(5954),f=(t(216),["children"]),g=["children"],$=["children"],b=["children"],y=d.default.forwardRef((function(e,n){var t=e.children,a=(0,h._)(e,f);return d.default.createElement(h.I,(0,h.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},a),i||(i=d.default.createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),o||(o=d.default.createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),r||(r=d.default.createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),t)})),v=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,g);return d.default.createElement(h.I,(0,h.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),a||(a=d.default.createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),l||(l=d.default.createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),c||(c=d.default.createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),t)})),x=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,$);return d.default.createElement(h.I,(0,h.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),s||(s=d.default.createElement("path",{d:"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M9.2,5h1.5v7H9.2V5z M10,16c-0.6,0-1-0.4-1-1s0.4-1,1-1\ts1,0.4,1,1S10.6,16,10,16z"})),p||(p=d.default.createElement("path",{d:"M9.2,5h1.5v7H9.2V5z M10,16c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S10.6,16,10,16z","data-icon-path":"inner-path",opacity:"0"})),t)})),w=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,b);return d.default.createElement(h.I,(0,h.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),m||(m=d.default.createElement("path",{d:"M8,1C4.2,1,1,4.2,1,8s3.2,7,7,7s7-3.1,7-7S11.9,1,8,1z M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2\tc-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z"})),u||(u=d.default.createElement("path",{d:"M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8\tc0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z","data-icon-path":"inner-path",opacity:"0"})),t)}))},3958:(e,n,t)=>{"use strict";t.d(n,{Y3p:()=>g,dmA:()=>f,cRw:()=>$,F3j:()=>b});var i,o,r,a,l,c,s=t(781),p=t(5954),m=(t(216),["children"]),u=["children"],h=["children"],d=["children"],f=p.default.forwardRef((function(e,n){var t=e.children,r=(0,s._)(e,m);return p.default.createElement(s.I,(0,s.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},r),i||(i=p.default.createElement("path",{d:"M10,1c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4,9-9S15,1,10,1z M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z"})),o||(o=p.default.createElement("path",{fill:"none",d:"M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z","data-icon-path":"inner-path",opacity:"0"})),t)})),g=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,u);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),r||(r=p.default.createElement("path",{d:"M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7s7-3.1,7-7C15,4.1,11.9,1,8,1z M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z"})),a||(a=p.default.createElement("path",{d:"M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z","data-icon-path":"inner-path",opacity:"0"})),t)})),$=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,h);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),l||(l=p.default.createElement("path",{d:"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"})),t)})),b=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,d);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),c||(c=p.default.createElement("path",{d:"M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"})),t)}))},7937:(e,n,t)=>{"use strict";t.d(n,{PcV:()=>p,dOq:()=>s});var i,o,r=t(781),a=t(5954),l=(t(216),["children"]),c=["children"],s=a.default.forwardRef((function(e,n){var t=e.children,o=(0,r._)(e,l);return a.default.createElement(r.I,(0,r.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),i||(i=a.default.createElement("path",{d:"M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"})),t)})),p=a.default.forwardRef((function(e,n){var t=e.children,i=(0,r._)(e,c);return a.default.createElement(r.I,(0,r.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),o||(o=a.default.createElement("path",{d:"M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"})),t)}))},841:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)&&t.length){var a=o.apply(null,t);a&&e.push(a)}else if("object"===r)for(var l in t)i.call(t,l)&&t[l]&&e.push(l)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(n,[]))||(e.exports=t)}()},3643:(e,n,t)=>{"use strict";t.d(n,{Z:()=>l});var i=t(9233),o=t.n(i),r=t(361),a=t.n(r)()(o());a.push([e.id,".-esm-offline-tools__synchronizing-notification-styles__productiveHeading01___3tPnI{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading02___pHD9D{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading03___3OB0J{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading04___2gzbA{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__bodyShort01___3Mu7R{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__bodyLong01___24brM{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__label01___WOASV{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__synchronizing-notification-styles__notificationLoadingContainer___C8OuG{display:flex;gap:.5rem;justify-content:space-between;align-items:center}","",{version:3,sources:["webpack://./src/root.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/offline-actions/synchronizing-notification.styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAGA,oFC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,oFCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,oFCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,oFCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,4EC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,2ECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,wECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,6FACE,YAAA,CACA,SC6Ia,CD5Ib,6BAAA,CACA,kBAAA",sourcesContent:['@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.productiveHeading03 {\n @include carbon--type-style("productive-heading-03");\n}\n\n.productiveHeading04 {\n @include carbon--type-style("productive-heading-04");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.bodyLong01 {\n @include carbon--type-style("body-long-01");\n}\n\n.label01 {\n @include carbon--type-style("label-01");\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../root.scss";\n\n.notificationLoadingContainer {\n display: flex;\n gap: $spacing-03;\n justify-content: space-between;\n align-items: center;\n}\n',"// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n/// // Default usage\n/// @include carbon--theme();\n///\n/// // Alternate styling (not white theme)\n/// @include carbon--theme($carbon--theme--g90) {\n/// // declarations...\n/// }\n///\n/// // Inline styling\n/// @include carbon--theme($carbon--theme--g90) {\n/// .my-dark-theme {\n/// // declarations...\n/// }\n/// }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n $theme: $carbon--theme,\n $emit-custom-properties: false,\n $emit-difference: false\n) {\n $parent-carbon-theme: $carbon--theme;\n $carbon--theme: $theme !global;\n $interactive-01: map-get($theme, 'interactive-01') !global;\n $interactive-02: map-get($theme, 'interactive-02') !global;\n $interactive-03: map-get($theme, 'interactive-03') !global;\n $interactive-04: map-get($theme, 'interactive-04') !global;\n $ui-background: map-get($theme, 'ui-background') !global;\n $ui-01: map-get($theme, 'ui-01') !global;\n $ui-02: map-get($theme, 'ui-02') !global;\n $ui-03: map-get($theme, 'ui-03') !global;\n $ui-04: map-get($theme, 'ui-04') !global;\n $ui-05: map-get($theme, 'ui-05') !global;\n $text-01: map-get($theme, 'text-01') !global;\n $text-02: map-get($theme, 'text-02') !global;\n $text-03: map-get($theme, 'text-03') !global;\n $text-04: map-get($theme, 'text-04') !global;\n $text-05: map-get($theme, 'text-05') !global;\n $text-error: map-get($theme, 'text-error') !global;\n $icon-01: map-get($theme, 'icon-01') !global;\n $icon-02: map-get($theme, 'icon-02') !global;\n $icon-03: map-get($theme, 'icon-03') !global;\n $link-01: map-get($theme, 'link-01') !global;\n $link-02: map-get($theme, 'link-02') !global;\n $inverse-link: map-get($theme, 'inverse-link') !global;\n $field-01: map-get($theme, 'field-01') !global;\n $field-02: map-get($theme, 'field-02') !global;\n $inverse-01: map-get($theme, 'inverse-01') !global;\n $inverse-02: map-get($theme, 'inverse-02') !global;\n $support-01: map-get($theme, 'support-01') !global;\n $support-02: map-get($theme, 'support-02') !global;\n $support-03: map-get($theme, 'support-03') !global;\n $support-04: map-get($theme, 'support-04') !global;\n $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n $overlay-01: map-get($theme, 'overlay-01') !global;\n $danger-01: map-get($theme, 'danger-01') !global;\n $danger-02: map-get($theme, 'danger-02') !global;\n $focus: map-get($theme, 'focus') !global;\n $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n $hover-primary: map-get($theme, 'hover-primary') !global;\n $active-primary: map-get($theme, 'active-primary') !global;\n $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n $hover-secondary: map-get($theme, 'hover-secondary') !global;\n $active-secondary: map-get($theme, 'active-secondary') !global;\n $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n $active-tertiary: map-get($theme, 'active-tertiary') !global;\n $hover-ui: map-get($theme, 'hover-ui') !global;\n $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n $active-ui: map-get($theme, 'active-ui') !global;\n $active-light-ui: map-get($theme, 'active-light-ui') !global;\n $selected-ui: map-get($theme, 'selected-ui') !global;\n $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n $hover-danger: map-get($theme, 'hover-danger') !global;\n $active-danger: map-get($theme, 'active-danger') !global;\n $hover-row: map-get($theme, 'hover-row') !global;\n $visited-link: map-get($theme, 'visited-link') !global;\n $disabled-01: map-get($theme, 'disabled-01') !global;\n $disabled-02: map-get($theme, 'disabled-02') !global;\n $disabled-03: map-get($theme, 'disabled-03') !global;\n $highlight: map-get($theme, 'highlight') !global;\n $decorative-01: map-get($theme, 'decorative-01') !global;\n $button-separator: map-get($theme, 'button-separator') !global;\n $skeleton-01: map-get($theme, 'skeleton-01') !global;\n $skeleton-02: map-get($theme, 'skeleton-02') !global;\n $brand-01: map-get($theme, 'brand-01') !global;\n $brand-02: map-get($theme, 'brand-02') !global;\n $brand-03: map-get($theme, 'brand-03') !global;\n $active-01: map-get($theme, 'active-01') !global;\n $hover-field: map-get($theme, 'hover-field') !global;\n $danger: map-get($theme, 'danger') !global;\n $caption-01: map-get($theme, 'caption-01') !global;\n $label-01: map-get($theme, 'label-01') !global;\n $helper-text-01: map-get($theme, 'helper-text-01') !global;\n $body-short-01: map-get($theme, 'body-short-01') !global;\n $body-long-01: map-get($theme, 'body-long-01') !global;\n $body-short-02: map-get($theme, 'body-short-02') !global;\n $body-long-02: map-get($theme, 'body-long-02') !global;\n $code-01: map-get($theme, 'code-01') !global;\n $code-02: map-get($theme, 'code-02') !global;\n $heading-01: map-get($theme, 'heading-01') !global;\n $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n $heading-02: map-get($theme, 'heading-02') !global;\n $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n $quotation-01: map-get($theme, 'quotation-01') !global;\n $quotation-02: map-get($theme, 'quotation-02') !global;\n $display-01: map-get($theme, 'display-01') !global;\n $display-02: map-get($theme, 'display-02') !global;\n $display-03: map-get($theme, 'display-03') !global;\n $display-04: map-get($theme, 'display-04') !global;\n $spacing-01: map-get($theme, 'spacing-01') !global;\n $spacing-02: map-get($theme, 'spacing-02') !global;\n $spacing-03: map-get($theme, 'spacing-03') !global;\n $spacing-04: map-get($theme, 'spacing-04') !global;\n $spacing-05: map-get($theme, 'spacing-05') !global;\n $spacing-06: map-get($theme, 'spacing-06') !global;\n $spacing-07: map-get($theme, 'spacing-07') !global;\n $spacing-08: map-get($theme, 'spacing-08') !global;\n $spacing-09: map-get($theme, 'spacing-09') !global;\n $spacing-10: map-get($theme, 'spacing-10') !global;\n $spacing-11: map-get($theme, 'spacing-11') !global;\n $spacing-12: map-get($theme, 'spacing-12') !global;\n $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n $layout-01: map-get($theme, 'layout-01') !global;\n $layout-02: map-get($theme, 'layout-02') !global;\n $layout-03: map-get($theme, 'layout-03') !global;\n $layout-04: map-get($theme, 'layout-04') !global;\n $layout-05: map-get($theme, 'layout-05') !global;\n $layout-06: map-get($theme, 'layout-06') !global;\n $layout-07: map-get($theme, 'layout-07') !global;\n $container-01: map-get($theme, 'container-01') !global;\n $container-02: map-get($theme, 'container-02') !global;\n $container-03: map-get($theme, 'container-03') !global;\n $container-04: map-get($theme, 'container-04') !global;\n $container-05: map-get($theme, 'container-05') !global;\n $icon-size-01: map-get($theme, 'icon-size-01') !global;\n $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n $interactive-01: var(\n --#{$custom-property-prefix}-interactive-01,\n map-get($theme, 'interactive-01')\n ) !global;\n $interactive-02: var(\n --#{$custom-property-prefix}-interactive-02,\n map-get($theme, 'interactive-02')\n ) !global;\n $interactive-03: var(\n --#{$custom-property-prefix}-interactive-03,\n map-get($theme, 'interactive-03')\n ) !global;\n $interactive-04: var(\n --#{$custom-property-prefix}-interactive-04,\n map-get($theme, 'interactive-04')\n ) !global;\n $ui-background: var(\n --#{$custom-property-prefix}-ui-background,\n map-get($theme, 'ui-background')\n ) !global;\n $ui-01: var(\n --#{$custom-property-prefix}-ui-01,\n map-get($theme, 'ui-01')\n ) !global;\n $ui-02: var(\n --#{$custom-property-prefix}-ui-02,\n map-get($theme, 'ui-02')\n ) !global;\n $ui-03: var(\n --#{$custom-property-prefix}-ui-03,\n map-get($theme, 'ui-03')\n ) !global;\n $ui-04: var(\n --#{$custom-property-prefix}-ui-04,\n map-get($theme, 'ui-04')\n ) !global;\n $ui-05: var(\n --#{$custom-property-prefix}-ui-05,\n map-get($theme, 'ui-05')\n ) !global;\n $text-01: var(\n --#{$custom-property-prefix}-text-01,\n map-get($theme, 'text-01')\n ) !global;\n $text-02: var(\n --#{$custom-property-prefix}-text-02,\n map-get($theme, 'text-02')\n ) !global;\n $text-03: var(\n --#{$custom-property-prefix}-text-03,\n map-get($theme, 'text-03')\n ) !global;\n $text-04: var(\n --#{$custom-property-prefix}-text-04,\n map-get($theme, 'text-04')\n ) !global;\n $text-05: var(\n --#{$custom-property-prefix}-text-05,\n map-get($theme, 'text-05')\n ) !global;\n $text-error: var(\n --#{$custom-property-prefix}-text-error,\n map-get($theme, 'text-error')\n ) !global;\n $icon-01: var(\n --#{$custom-property-prefix}-icon-01,\n map-get($theme, 'icon-01')\n ) !global;\n $icon-02: var(\n --#{$custom-property-prefix}-icon-02,\n map-get($theme, 'icon-02')\n ) !global;\n $icon-03: var(\n --#{$custom-property-prefix}-icon-03,\n map-get($theme, 'icon-03')\n ) !global;\n $link-01: var(\n --#{$custom-property-prefix}-link-01,\n map-get($theme, 'link-01')\n ) !global;\n $link-02: var(\n --#{$custom-property-prefix}-link-02,\n map-get($theme, 'link-02')\n ) !global;\n $inverse-link: var(\n --#{$custom-property-prefix}-inverse-link,\n map-get($theme, 'inverse-link')\n ) !global;\n $field-01: var(\n --#{$custom-property-prefix}-field-01,\n map-get($theme, 'field-01')\n ) !global;\n $field-02: var(\n --#{$custom-property-prefix}-field-02,\n map-get($theme, 'field-02')\n ) !global;\n $inverse-01: var(\n --#{$custom-property-prefix}-inverse-01,\n map-get($theme, 'inverse-01')\n ) !global;\n $inverse-02: var(\n --#{$custom-property-prefix}-inverse-02,\n map-get($theme, 'inverse-02')\n ) !global;\n $support-01: var(\n --#{$custom-property-prefix}-support-01,\n map-get($theme, 'support-01')\n ) !global;\n $support-02: var(\n --#{$custom-property-prefix}-support-02,\n map-get($theme, 'support-02')\n ) !global;\n $support-03: var(\n --#{$custom-property-prefix}-support-03,\n map-get($theme, 'support-03')\n ) !global;\n $support-04: var(\n --#{$custom-property-prefix}-support-04,\n map-get($theme, 'support-04')\n ) !global;\n $inverse-support-01: var(\n --#{$custom-property-prefix}-inverse-support-01,\n map-get($theme, 'inverse-support-01')\n ) !global;\n $inverse-support-02: var(\n --#{$custom-property-prefix}-inverse-support-02,\n map-get($theme, 'inverse-support-02')\n ) !global;\n $inverse-support-03: var(\n --#{$custom-property-prefix}-inverse-support-03,\n map-get($theme, 'inverse-support-03')\n ) !global;\n $inverse-support-04: var(\n --#{$custom-property-prefix}-inverse-support-04,\n map-get($theme, 'inverse-support-04')\n ) !global;\n $overlay-01: var(\n --#{$custom-property-prefix}-overlay-01,\n map-get($theme, 'overlay-01')\n ) !global;\n $danger-01: var(\n --#{$custom-property-prefix}-danger-01,\n map-get($theme, 'danger-01')\n ) !global;\n $danger-02: var(\n --#{$custom-property-prefix}-danger-02,\n map-get($theme, 'danger-02')\n ) !global;\n $focus: var(\n --#{$custom-property-prefix}-focus,\n map-get($theme, 'focus')\n ) !global;\n $inverse-focus-ui: var(\n --#{$custom-property-prefix}-inverse-focus-ui,\n map-get($theme, 'inverse-focus-ui')\n ) !global;\n $hover-primary: var(\n --#{$custom-property-prefix}-hover-primary,\n map-get($theme, 'hover-primary')\n ) !global;\n $active-primary: var(\n --#{$custom-property-prefix}-active-primary,\n map-get($theme, 'active-primary')\n ) !global;\n $hover-primary-text: var(\n --#{$custom-property-prefix}-hover-primary-text,\n map-get($theme, 'hover-primary-text')\n ) !global;\n $hover-secondary: var(\n --#{$custom-property-prefix}-hover-secondary,\n map-get($theme, 'hover-secondary')\n ) !global;\n $active-secondary: var(\n --#{$custom-property-prefix}-active-secondary,\n map-get($theme, 'active-secondary')\n ) !global;\n $hover-tertiary: var(\n --#{$custom-property-prefix}-hover-tertiary,\n map-get($theme, 'hover-tertiary')\n ) !global;\n $active-tertiary: var(\n --#{$custom-property-prefix}-active-tertiary,\n map-get($theme, 'active-tertiary')\n ) !global;\n $hover-ui: var(\n --#{$custom-property-prefix}-hover-ui,\n map-get($theme, 'hover-ui')\n ) !global;\n $hover-light-ui: var(\n --#{$custom-property-prefix}-hover-light-ui,\n map-get($theme, 'hover-light-ui')\n ) !global;\n $hover-selected-ui: var(\n --#{$custom-property-prefix}-hover-selected-ui,\n map-get($theme, 'hover-selected-ui')\n ) !global;\n $active-ui: var(\n --#{$custom-property-prefix}-active-ui,\n map-get($theme, 'active-ui')\n ) !global;\n $active-light-ui: var(\n --#{$custom-property-prefix}-active-light-ui,\n map-get($theme, 'active-light-ui')\n ) !global;\n $selected-ui: var(\n --#{$custom-property-prefix}-selected-ui,\n map-get($theme, 'selected-ui')\n ) !global;\n $selected-light-ui: var(\n --#{$custom-property-prefix}-selected-light-ui,\n map-get($theme, 'selected-light-ui')\n ) !global;\n $inverse-hover-ui: var(\n --#{$custom-property-prefix}-inverse-hover-ui,\n map-get($theme, 'inverse-hover-ui')\n ) !global;\n $hover-danger: var(\n --#{$custom-property-prefix}-hover-danger,\n map-get($theme, 'hover-danger')\n ) !global;\n $active-danger: var(\n --#{$custom-property-prefix}-active-danger,\n map-get($theme, 'active-danger')\n ) !global;\n $hover-row: var(\n --#{$custom-property-prefix}-hover-row,\n map-get($theme, 'hover-row')\n ) !global;\n $visited-link: var(\n --#{$custom-property-prefix}-visited-link,\n map-get($theme, 'visited-link')\n ) !global;\n $disabled-01: var(\n --#{$custom-property-prefix}-disabled-01,\n map-get($theme, 'disabled-01')\n ) !global;\n $disabled-02: var(\n --#{$custom-property-prefix}-disabled-02,\n map-get($theme, 'disabled-02')\n ) !global;\n $disabled-03: var(\n --#{$custom-property-prefix}-disabled-03,\n map-get($theme, 'disabled-03')\n ) !global;\n $highlight: var(\n --#{$custom-property-prefix}-highlight,\n map-get($theme, 'highlight')\n ) !global;\n $decorative-01: var(\n --#{$custom-property-prefix}-decorative-01,\n map-get($theme, 'decorative-01')\n ) !global;\n $button-separator: var(\n --#{$custom-property-prefix}-button-separator,\n map-get($theme, 'button-separator')\n ) !global;\n $skeleton-01: var(\n --#{$custom-property-prefix}-skeleton-01,\n map-get($theme, 'skeleton-01')\n ) !global;\n $skeleton-02: var(\n --#{$custom-property-prefix}-skeleton-02,\n map-get($theme, 'skeleton-02')\n ) !global;\n $brand-01: var(\n --#{$custom-property-prefix}-brand-01,\n map-get($theme, 'brand-01')\n ) !global;\n $brand-02: var(\n --#{$custom-property-prefix}-brand-02,\n map-get($theme, 'brand-02')\n ) !global;\n $brand-03: var(\n --#{$custom-property-prefix}-brand-03,\n map-get($theme, 'brand-03')\n ) !global;\n $active-01: var(\n --#{$custom-property-prefix}-active-01,\n map-get($theme, 'active-01')\n ) !global;\n $hover-field: var(\n --#{$custom-property-prefix}-hover-field,\n map-get($theme, 'hover-field')\n ) !global;\n $danger: var(\n --#{$custom-property-prefix}-danger,\n map-get($theme, 'danger')\n ) !global;\n $spacing-01: var(\n --#{$custom-property-prefix}-spacing-01,\n map-get($theme, 'spacing-01')\n ) !global;\n $spacing-02: var(\n --#{$custom-property-prefix}-spacing-02,\n map-get($theme, 'spacing-02')\n ) !global;\n $spacing-03: var(\n --#{$custom-property-prefix}-spacing-03,\n map-get($theme, 'spacing-03')\n ) !global;\n $spacing-04: var(\n --#{$custom-property-prefix}-spacing-04,\n map-get($theme, 'spacing-04')\n ) !global;\n $spacing-05: var(\n --#{$custom-property-prefix}-spacing-05,\n map-get($theme, 'spacing-05')\n ) !global;\n $spacing-06: var(\n --#{$custom-property-prefix}-spacing-06,\n map-get($theme, 'spacing-06')\n ) !global;\n $spacing-07: var(\n --#{$custom-property-prefix}-spacing-07,\n map-get($theme, 'spacing-07')\n ) !global;\n $spacing-08: var(\n --#{$custom-property-prefix}-spacing-08,\n map-get($theme, 'spacing-08')\n ) !global;\n $spacing-09: var(\n --#{$custom-property-prefix}-spacing-09,\n map-get($theme, 'spacing-09')\n ) !global;\n $spacing-10: var(\n --#{$custom-property-prefix}-spacing-10,\n map-get($theme, 'spacing-10')\n ) !global;\n $spacing-11: var(\n --#{$custom-property-prefix}-spacing-11,\n map-get($theme, 'spacing-11')\n ) !global;\n $spacing-12: var(\n --#{$custom-property-prefix}-spacing-12,\n map-get($theme, 'spacing-12')\n ) !global;\n $fluid-spacing-01: var(\n --#{$custom-property-prefix}-fluid-spacing-01,\n map-get($theme, 'fluid-spacing-01')\n ) !global;\n $fluid-spacing-02: var(\n --#{$custom-property-prefix}-fluid-spacing-02,\n map-get($theme, 'fluid-spacing-02')\n ) !global;\n $fluid-spacing-03: var(\n --#{$custom-property-prefix}-fluid-spacing-03,\n map-get($theme, 'fluid-spacing-03')\n ) !global;\n $fluid-spacing-04: var(\n --#{$custom-property-prefix}-fluid-spacing-04,\n map-get($theme, 'fluid-spacing-04')\n ) !global;\n $layout-01: var(\n --#{$custom-property-prefix}-layout-01,\n map-get($theme, 'layout-01')\n ) !global;\n $layout-02: var(\n --#{$custom-property-prefix}-layout-02,\n map-get($theme, 'layout-02')\n ) !global;\n $layout-03: var(\n --#{$custom-property-prefix}-layout-03,\n map-get($theme, 'layout-03')\n ) !global;\n $layout-04: var(\n --#{$custom-property-prefix}-layout-04,\n map-get($theme, 'layout-04')\n ) !global;\n $layout-05: var(\n --#{$custom-property-prefix}-layout-05,\n map-get($theme, 'layout-05')\n ) !global;\n $layout-06: var(\n --#{$custom-property-prefix}-layout-06,\n map-get($theme, 'layout-06')\n ) !global;\n $layout-07: var(\n --#{$custom-property-prefix}-layout-07,\n map-get($theme, 'layout-07')\n ) !global;\n $container-01: var(\n --#{$custom-property-prefix}-container-01,\n map-get($theme, 'container-01')\n ) !global;\n $container-02: var(\n --#{$custom-property-prefix}-container-02,\n map-get($theme, 'container-02')\n ) !global;\n $container-03: var(\n --#{$custom-property-prefix}-container-03,\n map-get($theme, 'container-03')\n ) !global;\n $container-04: var(\n --#{$custom-property-prefix}-container-04,\n map-get($theme, 'container-04')\n ) !global;\n $container-05: var(\n --#{$custom-property-prefix}-container-05,\n map-get($theme, 'container-05')\n ) !global;\n $icon-size-01: var(\n --#{$custom-property-prefix}-icon-size-01,\n map-get($theme, 'icon-size-01')\n ) !global;\n $icon-size-02: var(\n --#{$custom-property-prefix}-icon-size-02,\n map-get($theme, 'icon-size-02')\n ) !global;\n }\n @if $emit-custom-properties == true {\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-01',\n map-get($theme, 'interactive-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-02',\n map-get($theme, 'interactive-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-03',\n map-get($theme, 'interactive-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-04',\n map-get($theme, 'interactive-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'ui-background',\n $emit-difference\n )\n {\n @include custom-property(\n 'ui-background',\n map-get($theme, 'ui-background')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n @include custom-property('ui-01', map-get($theme, 'ui-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n @include custom-property('ui-02', map-get($theme, 'ui-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n @include custom-property('ui-03', map-get($theme, 'ui-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n @include custom-property('ui-04', map-get($theme, 'ui-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n @include custom-property('ui-05', map-get($theme, 'ui-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n @include custom-property('text-01', map-get($theme, 'text-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n @include custom-property('text-02', map-get($theme, 'text-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n @include custom-property('text-03', map-get($theme, 'text-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n @include custom-property('text-04', map-get($theme, 'text-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n @include custom-property('text-05', map-get($theme, 'text-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-error',\n $emit-difference\n )\n {\n @include custom-property('text-error', map-get($theme, 'text-error'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n @include custom-property('icon-01', map-get($theme, 'icon-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n @include custom-property('icon-02', map-get($theme, 'icon-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n @include custom-property('icon-03', map-get($theme, 'icon-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n @include custom-property('link-01', map-get($theme, 'link-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n @include custom-property('link-02', map-get($theme, 'link-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-link',\n $emit-difference\n )\n {\n @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n {\n @include custom-property('field-01', map-get($theme, 'field-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n {\n @include custom-property('field-02', map-get($theme, 'field-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-01',\n $emit-difference\n )\n {\n @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-02',\n $emit-difference\n )\n {\n @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-01',\n $emit-difference\n )\n {\n @include custom-property('support-01', map-get($theme, 'support-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-02',\n $emit-difference\n )\n {\n @include custom-property('support-02', map-get($theme, 'support-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-03',\n $emit-difference\n )\n {\n @include custom-property('support-03', map-get($theme, 'support-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-04',\n $emit-difference\n )\n {\n @include custom-property('support-04', map-get($theme, 'support-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-01',\n map-get($theme, 'inverse-support-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-02',\n map-get($theme, 'inverse-support-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-03',\n map-get($theme, 'inverse-support-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-04',\n map-get($theme, 'inverse-support-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'overlay-01',\n $emit-difference\n )\n {\n @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n {\n @include custom-property('danger-01', map-get($theme, 'danger-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n {\n @include custom-property('danger-02', map-get($theme, 'danger-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n @include custom-property('focus', map-get($theme, 'focus'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-focus-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-focus-ui',\n map-get($theme, 'inverse-focus-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary',\n map-get($theme, 'hover-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-primary',\n map-get($theme, 'active-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary-text',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary-text',\n map-get($theme, 'hover-primary-text')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-secondary',\n map-get($theme, 'hover-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-secondary',\n map-get($theme, 'active-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-tertiary',\n map-get($theme, 'hover-tertiary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-tertiary',\n map-get($theme, 'active-tertiary')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n {\n @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-light-ui',\n map-get($theme, 'hover-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-selected-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-selected-ui',\n map-get($theme, 'hover-selected-ui')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n {\n @include custom-property('active-ui', map-get($theme, 'active-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-light-ui',\n map-get($theme, 'active-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-ui',\n $emit-difference\n )\n {\n @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'selected-light-ui',\n map-get($theme, 'selected-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-hover-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-hover-ui',\n map-get($theme, 'inverse-hover-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-danger',\n $emit-difference\n )\n {\n @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-danger',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-danger',\n map-get($theme, 'active-danger')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n {\n @include custom-property('hover-row', map-get($theme, 'hover-row'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'visited-link',\n $emit-difference\n )\n {\n @include custom-property('visited-link', map-get($theme, 'visited-link'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-01',\n $emit-difference\n )\n {\n @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-02',\n $emit-difference\n )\n {\n @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-03',\n $emit-difference\n )\n {\n @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n {\n @include custom-property('highlight', map-get($theme, 'highlight'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'decorative-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'decorative-01',\n map-get($theme, 'decorative-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-separator',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-separator',\n map-get($theme, 'button-separator')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-01',\n $emit-difference\n )\n {\n @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-02',\n $emit-difference\n )\n {\n @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n {\n @include custom-property('brand-01', map-get($theme, 'brand-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n {\n @include custom-property('brand-02', map-get($theme, 'brand-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n {\n @include custom-property('brand-03', map-get($theme, 'brand-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n {\n @include custom-property('active-01', map-get($theme, 'active-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-field',\n $emit-difference\n )\n {\n @include custom-property('hover-field', map-get($theme, 'hover-field'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n @include custom-property('danger', map-get($theme, 'danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'caption-01',\n $emit-difference\n )\n {\n @include custom-property('caption-01', map-get($theme, 'caption-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n {\n @include custom-property('label-01', map-get($theme, 'label-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'helper-text-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'helper-text-01',\n map-get($theme, 'helper-text-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-01',\n map-get($theme, 'body-short-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-01',\n $emit-difference\n )\n {\n @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-02',\n map-get($theme, 'body-short-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-02',\n $emit-difference\n )\n {\n @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n @include custom-property('code-01', map-get($theme, 'code-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n @include custom-property('code-02', map-get($theme, 'code-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-01',\n $emit-difference\n )\n {\n @include custom-property('heading-01', map-get($theme, 'heading-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-01',\n map-get($theme, 'productive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-02',\n $emit-difference\n )\n {\n @include custom-property('heading-02', map-get($theme, 'heading-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-02',\n map-get($theme, 'productive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-03',\n map-get($theme, 'productive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-04',\n map-get($theme, 'productive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-05',\n map-get($theme, 'productive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-06',\n map-get($theme, 'productive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-07',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-07',\n map-get($theme, 'productive-heading-07')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-01',\n map-get($theme, 'expressive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-02',\n map-get($theme, 'expressive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-03',\n map-get($theme, 'expressive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-04',\n map-get($theme, 'expressive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-05',\n map-get($theme, 'expressive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-06',\n map-get($theme, 'expressive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-paragraph-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-paragraph-01',\n map-get($theme, 'expressive-paragraph-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-01',\n $emit-difference\n )\n {\n @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-02',\n $emit-difference\n )\n {\n @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-01',\n $emit-difference\n )\n {\n @include custom-property('display-01', map-get($theme, 'display-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-02',\n $emit-difference\n )\n {\n @include custom-property('display-02', map-get($theme, 'display-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-03',\n $emit-difference\n )\n {\n @include custom-property('display-03', map-get($theme, 'display-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-04',\n $emit-difference\n )\n {\n @include custom-property('display-04', map-get($theme, 'display-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-01',\n $emit-difference\n )\n {\n @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-02',\n $emit-difference\n )\n {\n @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-03',\n $emit-difference\n )\n {\n @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-04',\n $emit-difference\n )\n {\n @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-05',\n $emit-difference\n )\n {\n @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-06',\n $emit-difference\n )\n {\n @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-07',\n $emit-difference\n )\n {\n @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-08',\n $emit-difference\n )\n {\n @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-09',\n $emit-difference\n )\n {\n @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-10',\n $emit-difference\n )\n {\n @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-11',\n $emit-difference\n )\n {\n @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-12',\n $emit-difference\n )\n {\n @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-01',\n map-get($theme, 'fluid-spacing-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-02',\n map-get($theme, 'fluid-spacing-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-03',\n map-get($theme, 'fluid-spacing-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-04',\n map-get($theme, 'fluid-spacing-04')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n {\n @include custom-property('layout-01', map-get($theme, 'layout-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n {\n @include custom-property('layout-02', map-get($theme, 'layout-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n {\n @include custom-property('layout-03', map-get($theme, 'layout-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n {\n @include custom-property('layout-04', map-get($theme, 'layout-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n {\n @include custom-property('layout-05', map-get($theme, 'layout-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n {\n @include custom-property('layout-06', map-get($theme, 'layout-06'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n {\n @include custom-property('layout-07', map-get($theme, 'layout-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-01',\n $emit-difference\n )\n {\n @include custom-property('container-01', map-get($theme, 'container-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-02',\n $emit-difference\n )\n {\n @include custom-property('container-02', map-get($theme, 'container-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-03',\n $emit-difference\n )\n {\n @include custom-property('container-03', map-get($theme, 'container-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-04',\n $emit-difference\n )\n {\n @include custom-property('container-04', map-get($theme, 'container-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-05',\n $emit-difference\n )\n {\n @include custom-property('container-05', map-get($theme, 'container-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-01',\n $emit-difference\n )\n {\n @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-02',\n $emit-difference\n )\n {\n @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n }\n }\n\n @content;\n\n // Reset to default theme after apply in content\n @if $carbon--theme != $parent-carbon-theme {\n $carbon--theme: $parent-carbon-theme !global;\n\n @include carbon--theme();\n }\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading01___3tPnI",productiveHeading02:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading02___pHD9D",productiveHeading03:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading03___3OB0J",productiveHeading04:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading04___2gzbA",bodyShort01:"-esm-offline-tools__synchronizing-notification-styles__bodyShort01___3Mu7R",bodyLong01:"-esm-offline-tools__synchronizing-notification-styles__bodyLong01___24brM",label01:"-esm-offline-tools__synchronizing-notification-styles__label01___WOASV",notificationLoadingContainer:"-esm-offline-tools__synchronizing-notification-styles__notificationLoadingContainer___C8OuG"};const l=a},361:e=>{"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=e(n);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(i)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(o[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&o[c[0]]||(t&&(c[2]?c[2]="".concat(t," and ").concat(c[2]):c[2]=t),n.push(c))}},n}},9233:e=>{"use strict";function n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}e.exports=function(e){var t,i=function(e){if(Array.isArray(e))return e}(t=e)||function(e,n){var t=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=t){var i,o,r=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(i=t.next()).done)&&(r.push(i.value),4!==r.length);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw o}}return r}}(t)||function(e,t){if(e){if("string"==typeof e)return n(e,4);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?n(e,4):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=i[1],r=i[3];if(!r)return o;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),c="/*# ".concat(l," */"),s=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[o].concat(s).concat([c]).join("\n")}return[o].join("\n")}},459:(e,n,t)=>{"use strict";var i=t(5704);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,r,a){if(a!==i){var l=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 l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:r,resetWarningCache:o};return t.PropTypes=t,t}},216:(e,n,t)=>{e.exports=t(459)()},5704:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},487:(e,n,t)=>{"use strict";var i,o=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),r=[];function a(e){for(var n=-1,t=0;t<r.length;t++)if(r[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],o=0;o<e.length;o++){var l=e[o],c=n.base?l[0]+n.base:l[0],s=t[c]||0,p="".concat(c," ").concat(s);t[c]=s+1;var m=a(p),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==m?(r[m].references++,r[m].updater(u)):r.push({identifier:p,updater:f(u,n),references:1}),i.push(p)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var s,p=(s=[],function(e,n){return s[e]=n,s.filter(Boolean).join("\n")});function m(e,n,t,i){var o=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=p(n,o);else{var r=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(r,a[n]):e.appendChild(r)}}function u(e,n,t){var i=t.css,o=t.media,r=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var h=null,d=0;function f(e,n){var t,i,o;if(n.singleton){var r=d++;t=h||(h=c(n)),i=m.bind(null,t,r,!1),o=m.bind(null,t,r,!0)}else t=c(n),i=u.bind(null,t,n),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=(void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i));var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var o=a(t[i]);r[o].references--}for(var c=l(e,n),s=0;s<t.length;s++){var p=a(t[s]);0===r[p].references&&(r[p].updater(),r.splice(p,1))}t=c}}}},3979:(e,n,t)=>{var i={"./en.json":[3574,574]};function o(e){if(!t.o(i,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=i[e],o=n[0];return t.e(n[1]).then((()=>t(o)))}o.keys=()=>Object.keys(i),o.id=3979,e.exports=o},4507:(e,n,t)=>{const i=t(1522).R;n.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=i(t.y.meta.url,e)}},1522:(e,n,t)=>{n.R=function(e,n){var t=document.createElement("a");t.href=e;for(var i="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,r=i.length;o!==n&&r>=0;)"/"===i[--r]&&o++;if(o!==n)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+n+") is greater than the number of directories ("+o+") in the URL path "+e);var a=i.slice(0,r+1);return t.protocol+"//"+t.host+a},Number.isInteger},1489:e=>{"use strict";e.exports=t},2434:e=>{"use strict";e.exports=r},5954:e=>{"use strict";e.exports=i},493:e=>{"use strict";e.exports=l},4281:e=>{"use strict";e.exports=o},4880:e=>{"use strict";e.exports=a}},p={};function m(e){var n=p[e];if(void 0!==n)return n.exports;var t=p[e]={id:e,loaded:!1,exports:{}};return s[e].call(t.exports,t,t.exports,m),t.loaded=!0,t.exports}m.m=s,m.y=n,m.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return m.d(n,{a:n}),n},m.d=(e,n)=>{for(var t in n)m.o(n,t)&&!m.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},m.f={},m.e=e=>Promise.all(Object.keys(m.f).reduce(((n,t)=>(m.f[t](e,n),n)),[])),m.u=e=>e+".openmrs-esm-offline-tools-app.js",m.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),m.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),e={},c="@openmrs/esm-offline-tools-app:",m.l=(n,t,i,o)=>{if(e[n])e[n].push(t);else{var r,a;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var p=l[s];if(p.getAttribute("src")==n||p.getAttribute("data-webpack")==c+i){r=p;break}}r||(a=!0,(r=document.createElement("script")).charset="utf-8",r.timeout=120,m.nc&&r.setAttribute("nonce",m.nc),r.setAttribute("data-webpack",c+i),r.src=n),e[n]=[t];var u=(t,i)=>{r.onerror=r.onload=null,clearTimeout(h);var o=e[n];if(delete e[n],r.parentNode&&r.parentNode.removeChild(r),o&&o.forEach((e=>e(i))),t)return t(i)},h=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),a&&document.head.appendChild(r)}},m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},m.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),m.p="",(()=>{var e={179:0};m.f.j=(n,t)=>{var i=m.o(e,n)?e[n]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise(((t,o)=>i=e[n]=[t,o]));t.push(i[2]=o);var r=m.p+m.u(n),a=new Error;m.l(r,(t=>{if(m.o(e,n)&&(0!==(i=e[n])&&(e[n]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),r=t&&t.target&&t.target.src;a.message="Loading chunk "+n+" failed.\n("+o+": "+r+")",a.name="ChunkLoadError",a.type=o,a.request=r,i[1](a)}}),"chunk-"+n,n)}};var n=(n,t)=>{var i,o,[r,a,l]=t,c=0;if(r.some((n=>0!==e[n]))){for(i in a)m.o(a,i)&&(m.m[i]=a[i]);l&&l(m)}for(n&&n(t);c<r.length;c++)o=r[c],m.o(e,o)&&e[o]&&e[o][0](),e[r[c]]=0},t=self.webpackChunk_openmrs_esm_offline_tools_app=self.webpackChunk_openmrs_esm_offline_tools_app||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})();var u={};return(0,m(4507).s)(1),(()=>{"use strict";m.r(u),m.d(u,{backendDependencies:()=>le,frontendDependencies:()=>ce,importTranslation:()=>ae,setupOpenMRS:()=>se});var e=m(1489),n=m(9549),t=m(5867),i=m(5954),o=m(4281),r=m(2434),a=m(841),l=m.n(a),c=m(216),s=m.n(c),p=m(6624);function h(){return(h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function d(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var f=r.settings.prefix,g=(0,p.Z)();function $(e){var n,t,o=e.id,r=e.active,a=e.className,c=e.withOverlay,s=e.small,p=e.description,m=function(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["id","active","className","withOverlay","small","description"]),u=(0,i.useRef)(g()).current,$=l()(a,(d(n={},"".concat(f,"--loading"),!0),d(n,"".concat(f,"--loading--small"),s),d(n,"".concat(f,"--loading--stop"),!r),n)),b=l()((d(t={},"".concat(f,"--loading-overlay"),!0),d(t,"".concat(f,"--loading-overlay--stop"),!r),t)),y=o||"loading-id-".concat(u),v=s?"42":"44",x=i.default.createElement("div",h({},m,{"aria-atomic":"true","aria-labelledby":y,"aria-live":r?"assertive":"off",className:$}),i.default.createElement("label",{id:y,className:"".concat(f,"--visually-hidden")},p),i.default.createElement("svg",{className:"".concat(f,"--loading__svg"),viewBox:"0 0 100 100"},i.default.createElement("title",null,p),s?i.default.createElement("circle",{className:"".concat(f,"--loading__background"),cx:"50%",cy:"50%",r:v}):null,i.default.createElement("circle",{className:"".concat(f,"--loading__stroke"),cx:"50%",cy:"50%",r:v})));return c?i.default.createElement("div",{className:b},x):x}$.propTypes={active:s().bool,className:s().string,description:s().string,id:s().string,small:s().bool,withOverlay:s().bool},$.defaultProps={active:!0,withOverlay:!0,small:!1,description:"Active loading indicator"};const b=$;var y,v,x,w,k,O,_,z=m(7937),C=m(781),B=["children"],A=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,B);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),y||(y=i.default.createElement("path",{d:"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"})),v||(v=i.default.createElement("path",{d:"M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z","data-icon-path":"inner-path",opacity:"0"})),t)})),E=m(3958),S=m(6825),j=["children"],L=["children"],M=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,j);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),x||(x=i.default.createElement("path",{fill:"none",d:"M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z","data-icon-path":"inner-path"})),w||(w=i.default.createElement("path",{d:"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"})),t)})),P=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,L);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),k||(k=i.default.createElement("path",{fill:"none",d:"M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z","data-icon-path":"inner-path"})),O||(O=i.default.createElement("path",{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"})),t)})),T=m(4990);function I(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var t=[],i=!0,o=!1,r=void 0;try{for(var a,l=e[Symbol.iterator]();!(i=(a=l.next()).done)&&(t.push(a.value),!n||t.length!==n);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(o)throw r}}return t}}(e,n)||function(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}(e,n)||function(){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 N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function D(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(){return(q=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function H(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var R=r.settings.prefix;function Z(e){var n=e.children,t=e.className,o=e.onClick,r=H(e,["children","className","onClick"]),a=l()(t,"".concat(R,"--inline-notification__action-button"));return i.default.createElement(T.Z,q({className:a,kind:"ghost",onClick:o,size:"small"},r),n)}function U(e){var n=e.ariaLabel,t=e.className,o=e.iconDescription,r=e.type,a=e.renderIcon,c=e.name,s=e.notificationType,p=H(e,["ariaLabel","className","iconDescription","type","renderIcon","name","notificationType"]),m=l()(t,D({},"".concat(R,"--").concat(s,"-notification__close-button"),s)),u=l()(D({},"".concat(R,"--").concat(s,"-notification__close-icon"),s));return i.default.createElement("button",q({},p,{type:r,"aria-label":o,title:o,className:m}),a&&i.default.createElement(a,{"aria-label":n,className:u,name:c}))}function F(e){var n=e.title,t=e.subtitle,o=e.caption,r=e.notificationType,a=e.children,l=H(e,["title","subtitle","caption","notificationType","children"]);return"toast"===r?i.default.createElement("div",q({},l,{className:"".concat(R,"--toast-notification__details")}),i.default.createElement("h3",{className:"".concat(R,"--toast-notification__title")},n),i.default.createElement("div",{className:"".concat(R,"--toast-notification__subtitle")},t),o&&i.default.createElement("div",{className:"".concat(R,"--toast-notification__caption")},o),a):"inline"===r?i.default.createElement("div",q({},l,{className:"".concat(R,"--inline-notification__text-wrapper")}),i.default.createElement("p",{className:"".concat(R,"--inline-notification__title")},n),i.default.createElement("div",{className:"".concat(R,"--inline-notification__subtitle")},t),a):void 0}Z.propTypes={children:s().node,className:s().string,onClick:s().func},U.propTypes={ariaLabel:s().string,className:s().string,iconDescription:s().string,name:s().string,notificationType:s().oneOf(["toast","inline"]),renderIcon:s().oneOfType([s().func,s().object]),type:s().string},U.defaultProps={ariaLabel:"close notification",notificationType:"toast",type:"button",iconDescription:"close icon",renderIcon:z.dOq},F.propTypes={caption:s().node,children:s().node,notificationType:s().oneOf(["toast","inline"]),subtitle:s().node,title:s().string},F.defaultProps={title:"title",notificationType:"toast"};var V=(D(_={error:A,success:E.dmA,warning:S.s$s},"warning-alt",S.mhO),D(_,"info",M),D(_,"info-square",P),_);function W(e){var n=e.iconDescription,t=e.kind,o=e.notificationType,r=V[t];return r?i.default.createElement(r,{className:"".concat(R,"--").concat(o,"-notification__icon")},i.default.createElement("title",null,n)):null}function G(e){var n,t=e.role,o=e.notificationType,r=e.onCloseButtonClick,a=e.iconDescription,c=e.statusIconDescription,s=e.className,p=e.caption,m=e.subtitle,u=e.title,h=e.kind,d=e.lowContrast,f=e.hideCloseButton,g=e.children,$=e.timeout,b=H(e,["role","notificationType","onCloseButtonClick","iconDescription","statusIconDescription","className","caption","subtitle","title","kind","lowContrast","hideCloseButton","children","timeout"]),y=I((0,i.useState)(!0),2),v=y[0],x=y[1],w=l()(s,(D(n={},"".concat(R,"--toast-notification"),!0),D(n,"".concat(R,"--toast-notification--low-contrast"),d),D(n,"".concat(R,"--toast-notification--").concat(h),h),n));return(0,i.useEffect)((function(){if($){var e=window.setTimeout((function(){x(!1),r(event)}),$);return function(){window.clearTimeout(e)}}}),[r,$]),v?i.default.createElement("div",q({},b,{role:t,kind:h,className:w}),i.default.createElement(W,{notificationType:o,kind:h,iconDescription:c||"".concat(h," icon")}),i.default.createElement(F,{title:u,subtitle:m,caption:p,notificationType:o},g),!f&&i.default.createElement(U,{iconDescription:a,notificationType:o,onClick:function(e){x(!1),r(e)}})):null}function J(e){var n,t=e.actions,o=e.role,r=e.notificationType,a=e.onCloseButtonClick,c=e.iconDescription,s=e.statusIconDescription,p=e.className,m=e.subtitle,u=e.title,h=e.kind,d=e.lowContrast,f=e.hideCloseButton,g=e.children,$=H(e,["actions","role","notificationType","onCloseButtonClick","iconDescription","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children"]),b=I((0,i.useState)(!0),2),y=b[0],v=b[1],x=l()(p,(D(n={},"".concat(R,"--inline-notification"),!0),D(n,"".concat(R,"--inline-notification--low-contrast"),d),D(n,"".concat(R,"--inline-notification--").concat(h),h),D(n,"".concat(R,"--inline-notification--hide-close-button"),f),n));return y?i.default.createElement("div",q({},$,{role:o,kind:h,className:x}),i.default.createElement("div",{className:"".concat(R,"--inline-notification__details")},i.default.createElement(W,{notificationType:r,kind:h,iconDescription:s||"".concat(h," icon")}),i.default.createElement(F,{title:u,subtitle:m,notificationType:r},g)),t,!f&&i.default.createElement(U,{iconDescription:c,notificationType:r,onClick:function(e){v(!1),a(e)}})):null}W.propTypes={iconDescription:s().string.isRequired,kind:s().oneOf(["error","success","warning","warning-alt","info","info-square"]).isRequired,notificationType:s().oneOf(["inline","toast"]).isRequired},G.propTypes={caption:s().node,children:s().node,className:s().string,hideCloseButton:s().bool,iconDescription:s().string,kind:s().oneOf(["error","info","info-square","success","warning","warning-alt"]).isRequired,lowContrast:s().bool,notificationType:s().string,onCloseButtonClick:s().func,role:s().string.isRequired,statusIconDescription:s().string,subtitle:s().node,timeout:s().number,title:s().string.isRequired},G.defaultProps={kind:"error",title:"provide a title",role:"alert",notificationType:"toast",iconDescription:"closes notification",onCloseButtonClick:function(){},hideCloseButton:!1,timeout:0},J.propTypes={actions:s().node,children:s().node,className:s().string,hideCloseButton:s().bool,iconDescription:s().string,kind:s().oneOf(["error","info","info-square","success","warning","warning-alt"]).isRequired,lowContrast:s().bool,notificationType:s().string,onCloseButtonClick:s().func,role:s().string.isRequired,statusIconDescription:s().string,subtitle:s().node,title:s().string.isRequired},J.defaultProps={role:"alert",notificationType:"inline",iconDescription:"closes notification",onCloseButtonClick:function(){},hideCloseButton:!1};var Y=m(487),Q=m.n(Y),K=m(3643);Q()(K.Z,{insert:"head",singleton:!1});const X=K.Z.locals||{};let ee=!0,ne=0;function te({mySynchronizationIndex:e}){const{t:n}=(0,o.useTranslation)(),t=oe(e),r=re(t);return t?i.default.createElement("div",{className:X.notificationLoadingContainer},r?n("offlineActionsSynchronizationNotificationCanceling","Canceling..."):n("offlineActionsSynchronizationNotificationStatus","{current} / {total} actions",{current:t.totalCount-t.pendingCount,total:t.totalCount}),i.default.createElement(b,{small:!0,withOverlay:!1})):i.default.createElement(i.default.Fragment,null,n("offlineActionsSynchronizationNotificationSynchronized","The offline action synchronization has finished."))}function ie({mySynchronizationIndex:e}){const{t:n}=(0,o.useTranslation)(),t=oe(e),r=re(t);return t?i.default.createElement(Z,{onClick:()=>null==t?void 0:t.abortController.abort(),disabled:r},n("offlineActionsSynchronizationNotificationCancelUpload","Cancel upload")):null}function oe(n){const t=(0,e.useStore)((0,e.getOfflineSynchronizationStore)());return n===ne?t.synchronization:void 0}function re(e){var n;const t=null==e?void 0:e.abortController,[o,r]=(0,i.useState)(null!==(n=null==t?void 0:t.signal.aborted)&&void 0!==n&&n);return(0,i.useEffect)((()=>{const e=()=>r(!0);return null==t||t.signal.addEventListener("abort",e),()=>null==t?void 0:t.signal.removeEventListener("abort",e)}),[t]),o}const ae=m(3979),le={"webservices.rest":"^2.24.0"},ce={"@openmrs/esm-framework":"^3.1.13-pre.650"};function se(){const r="@openmrs/esm-offline-tools-app",a={featureName:"offline-tools",moduleName:r};return(0,e.registerOfflinePatientHandler)("esm-offline-tools-app",{displayName:"Offline tools",async onOfflinePatientAdded({patientUuid:t}){await(0,e.fetchCurrentPatient)(t,{headers:n.Q})}}),(0,e.getOfflineSynchronizationStore)().subscribe((n=>{n.synchronization||(ee=!0),ee&&n.synchronization&&(ee=!1,ne++,(0,e.showNotification)({title:(0,o.getI18n)().t("offlineActionsSynchronizationNotificationTitle","Upload"),description:i.default.createElement(te,{mySynchronizationIndex:ne}),action:i.default.createElement(ie,{mySynchronizationIndex:ne})}))})),(0,e.registerBreadcrumbs)([{path:`${window.spaBase}${n._.offlineTools}`,title:"Offline tools",parent:`${window.spaBase}${n._.home}`},{path:`${window.spaBase}${n._.offlineToolsPatients}`,title:"Offline patients",parent:`${window.spaBase}${n._.offlineTools}`},{path:`${window.spaBase}${n._.offlineToolsPatientOfflineData}`,title:"Offline data",parent:`${window.spaBase}${n._.offlineToolsPatients}`},{path:`${window.spaBase}${n._.offlineToolsActions}`,title:"Actions",parent:`${window.spaBase}${n._.offlineTools}`}]),{pages:[{load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(98),m.e(928),m.e(113),m.e(354)]).then(m.bind(m,6354))),a),route:"offline-tools",online:!0,offline:!0}],extensions:[{id:"offline-tools-link",slot:"app-menu-slot",load:(0,e.getAsyncLifecycle)((()=>m.e(283).then(m.bind(m,9194))),a),online:!0,offline:!0},{id:"offline-tools-nav-items",load:(0,e.getAsyncLifecycle)((()=>m.e(438).then(m.bind(m,5438))),{featureName:"nav-items",moduleName:r}),online:!0,offline:!0},{id:"offline-tools-confirmation-modal",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(814),m.e(218)]).then(m.bind(m,8218))),a),online:!0,offline:!0},{id:"offline-tools-page-offline-patients-link",slot:"offline-tools-page-slot",load:(0,e.getSyncLifecycle)((()=>(0,t.Z)({page:"patients",title:"Offline patients"})),a),meta:{name:"patients",slot:"offline-tools-page-offline-patients-slot"},online:!0,offline:!0},{id:"offline-tools-page-offline-patients",slot:"offline-tools-page-offline-patients-slot",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(113),m.e(471)]).then(m.bind(m,8471))),a),online:!0,offline:!0},{id:"offline-tools-page-actions-link",slot:"offline-tools-page-slot",load:(0,e.getSyncLifecycle)((()=>(0,t.Z)({page:"actions",title:"Offline actions"})),a),meta:{name:"actions",slot:"offline-tools-page-actions-slot"},online:!0,offline:!0},{id:"offline-tools-page-actions",slot:"offline-tools-page-actions-slot",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(814),m.e(98),m.e(895),m.e(113),m.e(347)]).then(m.bind(m,7347))),a),online:{canSynchronizeOfflineActions:!0},offline:{canSynchronizeOfflineActions:!1}}]}}})(),u})())}}}));
2
+ System.register(["@openmrs/esm-framework","react","react-i18next","carbon-components","react-router-dom","react-dom"],(function(e,n){var t={},i={},o={},r={},a={},l={};return{setters:[function(e){t.ConfigurableLink=e.ConfigurableLink,t.ExtensionSlot=e.ExtensionSlot,t.attach=e.attach,t.deleteSynchronizationItem=e.deleteSynchronizationItem,t.detach=e.detach,t.fetchCurrentPatient=e.fetchCurrentPatient,t.getAsyncLifecycle=e.getAsyncLifecycle,t.getOfflineDb=e.getOfflineDb,t.getOfflinePatientDataStore=e.getOfflinePatientDataStore,t.getOfflineSynchronizationStore=e.getOfflineSynchronizationStore,t.getSyncLifecycle=e.getSyncLifecycle,t.loadPersistedPatientDataSyncState=e.loadPersistedPatientDataSyncState,t.navigate=e.navigate,t.omrsOfflineCachingStrategyHttpHeaderName=e.omrsOfflineCachingStrategyHttpHeaderName,t.registerBreadcrumbs=e.registerBreadcrumbs,t.registerOfflinePatientHandler=e.registerOfflinePatientHandler,t.runSynchronization=e.runSynchronization,t.showModal=e.showModal,t.showNotification=e.showNotification,t.useExtensionSlotMeta=e.useExtensionSlotMeta,t.useLayoutType=e.useLayoutType,t.usePagination=e.usePagination,t.useStore=e.useStore},function(e){i.Component=e.Component,i.createContext=e.createContext,i.createElement=e.createElement,i.default=e.default,i.useCallback=e.useCallback,i.useContext=e.useContext,i.useDebugValue=e.useDebugValue,i.useEffect=e.useEffect,i.useLayoutEffect=e.useLayoutEffect,i.useMemo=e.useMemo,i.useRef=e.useRef,i.useState=e.useState},function(e){o.getI18n=e.getI18n,o.useTranslation=e.useTranslation},function(e){r.settings=e.settings},function(e){a.BrowserRouter=e.BrowserRouter,a.Route=e.Route,a.Switch=e.Switch,a.useHistory=e.useHistory},function(e){l.default=e.default}],execute:function(){e((()=>{var e,c,s={7024:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}t.d(n,{u9:()=>p});var l=["width","height","viewBox"],c=["tabindex"],s={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function p(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width,t=e.height,i=e.viewBox,r=void 0===i?"0 0 ".concat(n," ").concat(t):i,p=a(e,l),m=p.tabindex,u=a(p,c),h=o(o(o({},s),u),{},{width:n,height:t,viewBox:r});return h["aria-label"]||h["aria-labelledby"]||h.title?(h.role="img",null!=m&&(h.focusable="true",h.tabindex=m)):h["aria-hidden"]=!0,h}},9549:(e,n,t)=>{"use strict";t.d(n,{_:()=>o,Q:()=>r});var i=t(1489);const o={home:"/home",offlineTools:"/offline-tools",offlineToolsPatients:"/offline-tools/patients",offlineToolsPatientOfflineData:"/offline-tools/patients/:patientUuid/offline-data",offlineToolsActions:"/offline-tools/actions"},r={[i.omrsOfflineCachingStrategyHttpHeaderName]:"network-first"}},5867:(e,n,t)=>{"use strict";t.d(n,{Z:()=>a});var i=t(1489),o=t(5954),r=t(9549);function a({page:e,title:n}){return o.default.createElement("div",{key:e},o.default.createElement(i.ConfigurableLink,{to:"${openmrsSpaBase}"+r._.offlineTools+(e?`/${e}`:""),className:"bx--side-nav__link"},n))}},4990:(e,n,t)=>{"use strict";t.d(n,{Z:()=>f});var i=t(216),o=t.n(i),r=t(5954),a=t(841),l=t.n(a),c=t(2434),s=t(4927);function p(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?p(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var h=c.settings.prefix,d=r.default.forwardRef((function(e,n){var t,i=e.children,o=e.as,a=e.className,c=e.disabled,s=e.small,p=e.size,d=e.kind,f=e.href,g=e.isSelected,$=e.tabIndex,b=e.type,y=e.renderIcon,v=e.iconDescription,x=e.hasIconOnly,w=e.tooltipPosition,k=e.tooltipAlignment,O=function(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["children","as","className","disabled","small","size","kind","href","isSelected","tabIndex","type","renderIcon","iconDescription","hasIconOnly","tooltipPosition","tooltipAlignment"]),_={tabIndex:$,className:l()(a,(u(t={},"".concat(h,"--btn"),!0),u(t,"".concat(h,"--btn--field"),"field"===p),u(t,"".concat(h,"--btn--sm"),"small"===p||"sm"===p||s),u(t,"".concat(h,"--btn--lg"),"lg"===p),u(t,"".concat(h,"--btn--xl"),"xl"===p),u(t,"".concat(h,"--btn--").concat(d),d),u(t,"".concat(h,"--btn--disabled"),c),u(t,"".concat(h,"--btn--icon-only"),x),u(t,"".concat(h,"--btn--selected"),x&&g&&"ghost"===d),u(t,"".concat(h,"--tooltip__trigger"),x),u(t,"".concat(h,"--tooltip--a11y"),x),u(t,"".concat(h,"--tooltip--").concat(w),x&&w),u(t,"".concat(h,"--tooltip--align-").concat(k),x&&k),t)),ref:n},z=y?r.default.createElement(y,{"aria-label":v,className:"".concat(h,"--btn__icon"),"aria-hidden":"true"}):null,C="button",B={disabled:c,type:b,"aria-pressed":x&&"ghost"===d?g:null},A={href:f},E=x?r.default.createElement("span",{className:"".concat(h,"--assistive-text")},v):null;return o?(C=o,B=m(m({},B),A)):f&&!c&&(C="a",B=A),r.default.createElement(C,m(m(m({},O),_),B),E,i,z)}));d.displayName="Button",d.propTypes={as:o().oneOfType([o().func,o().string,o().elementType]),children:o().node,className:o().string,disabled:o().bool,hasIconOnly:o().bool,href:o().string,iconDescription:function(e){if(e.renderIcon&&!e.children&&!e.iconDescription)return new Error("renderIcon property specified without also providing an iconDescription property.")},isSelected:o().bool,kind:o().oneOf(["primary","secondary","danger","ghost","danger--primary","danger--ghost","danger--tertiary","tertiary"]).isRequired,renderIcon:o().oneOfType([o().func,o().object]),role:o().string,size:o().oneOf(["default","field","small","sm","lg","xl"]),small:(0,s.Z)(o().bool,'\nThe prop `small` for Button has been deprecated in favor of `size`. Please use `size="sm"` instead.'),tabIndex:o().number,tooltipAlignment:o().oneOf(["start","center","end"]),tooltipPosition:o().oneOf(["top","right","bottom","left"]),type:o().oneOf(["button","reset","submit"])},d.defaultProps={tabIndex:0,type:"button",disabled:!1,kind:"primary",size:"default",tooltipAlignment:"center",tooltipPosition:"top"};const f=d},4927:(e,n,t)=>{"use strict";function i(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?i(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}t.d(n,{Z:()=>l});var a={};function l(e,n){return function(n,t,i){if(void 0!==n[t]){a[i]&&a[i][t]||(a[i]=o(o({},a[i]),{},r({},t,!0)));for(var l=arguments.length,c=new Array(l>3?l-3:0),s=3;s<l;s++)c[s-3]=arguments[s];return e.apply(void 0,[n,t,i].concat(c))}}}},6624:(e,n,t)=>{"use strict";function i(){var e=0;return function(){return++e}}t.d(n,{Z:()=>i})},781:(e,n,t)=>{"use strict";t.d(n,{I:()=>d,_:()=>m,a:()=>p});var i=t(7024),o=t(216),r=t.n(o),a=t(5954);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){s(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function p(){return(p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function m(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var u=["className","children","tabIndex"],h=["tabindex"],d=a.default.forwardRef((function(e,n){var t=e.className,o=e.children,r=e.tabIndex,l=m(e,u),s=(0,i.u9)(c(c({},l),{},{tabindex:r})),p=s.tabindex,d=m(s,h);return t&&(d.className=t),null!=p&&(d.tabIndex=p),n&&(d.ref=n),a.default.createElement("svg",d,o)}));d.displayName="Icon",d.propTypes={"aria-hidden":r().string,"aria-label":r().string,"aria-labelledby":r().string,children:r().node,className:r().string,height:r().oneOfType([r().number,r().string]),preserveAspectRatio:r().string,tabIndex:r().string,viewBox:r().string,width:r().oneOfType([r().number,r().string]),xmlns:r().string},d.defaultProps={xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet"}},6825:(e,n,t)=>{"use strict";t.d(n,{sKV:()=>v,mhO:()=>y,Gu6:()=>w,s$s:()=>x});var i,o,r,a,l,c,s,p,m,u,h=t(781),d=t(5954),f=(t(216),["children"]),g=["children"],$=["children"],b=["children"],y=d.default.forwardRef((function(e,n){var t=e.children,a=(0,h._)(e,f);return d.default.createElement(h.I,(0,h.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},a),i||(i=d.default.createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),o||(o=d.default.createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),r||(r=d.default.createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),t)})),v=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,g);return d.default.createElement(h.I,(0,h.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),a||(a=d.default.createElement("path",{fill:"none",d:"M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z","data-icon-path":"inner-path"})),l||(l=d.default.createElement("path",{d:"M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"})),c||(c=d.default.createElement("path",{d:"M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"})),t)})),x=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,$);return d.default.createElement(h.I,(0,h.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),s||(s=d.default.createElement("path",{d:"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M9.2,5h1.5v7H9.2V5z M10,16c-0.6,0-1-0.4-1-1s0.4-1,1-1\ts1,0.4,1,1S10.6,16,10,16z"})),p||(p=d.default.createElement("path",{d:"M9.2,5h1.5v7H9.2V5z M10,16c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S10.6,16,10,16z","data-icon-path":"inner-path",opacity:"0"})),t)})),w=d.default.forwardRef((function(e,n){var t=e.children,i=(0,h._)(e,b);return d.default.createElement(h.I,(0,h.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),m||(m=d.default.createElement("path",{d:"M8,1C4.2,1,1,4.2,1,8s3.2,7,7,7s7-3.1,7-7S11.9,1,8,1z M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2\tc-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8c0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z"})),u||(u=d.default.createElement("path",{d:"M7.5,4h1v5h-1C7.5,9,7.5,4,7.5,4z M8,12.2c-0.4,0-0.8-0.4-0.8-0.8s0.3-0.8,0.8-0.8\tc0.4,0,0.8,0.4,0.8,0.8S8.4,12.2,8,12.2z","data-icon-path":"inner-path",opacity:"0"})),t)}))},3958:(e,n,t)=>{"use strict";t.d(n,{Y3p:()=>g,dmA:()=>f,cRw:()=>$,F3j:()=>b});var i,o,r,a,l,c,s=t(781),p=t(5954),m=(t(216),["children"]),u=["children"],h=["children"],d=["children"],f=p.default.forwardRef((function(e,n){var t=e.children,r=(0,s._)(e,m);return p.default.createElement(s.I,(0,s.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},r),i||(i=p.default.createElement("path",{d:"M10,1c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4,9-9S15,1,10,1z M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z"})),o||(o=p.default.createElement("path",{fill:"none",d:"M8.7,13.5l-3.2-3.2l1-1l2.2,2.2l4.8-4.8l1,1L8.7,13.5z","data-icon-path":"inner-path",opacity:"0"})),t)})),g=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,u);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),r||(r=p.default.createElement("path",{d:"M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7s7-3.1,7-7C15,4.1,11.9,1,8,1z M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z"})),a||(a=p.default.createElement("path",{d:"M7,11L4.3,8.3l0.9-0.8L7,9.3l4-3.9l0.9,0.8L7,11z","data-icon-path":"inner-path",opacity:"0"})),t)})),$=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,h);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),l||(l=p.default.createElement("path",{d:"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"})),t)})),b=p.default.forwardRef((function(e,n){var t=e.children,i=(0,s._)(e,d);return p.default.createElement(s.I,(0,s.a)({width:16,height:16,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),c||(c=p.default.createElement("path",{d:"M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"})),t)}))},7937:(e,n,t)=>{"use strict";t.d(n,{PcV:()=>p,dOq:()=>s});var i,o,r=t(781),a=t(5954),l=(t(216),["children"]),c=["children"],s=a.default.forwardRef((function(e,n){var t=e.children,o=(0,r._)(e,l);return a.default.createElement(r.I,(0,r.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),i||(i=a.default.createElement("path",{d:"M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"})),t)})),p=a.default.forwardRef((function(e,n){var t=e.children,i=(0,r._)(e,c);return a.default.createElement(r.I,(0,r.a)({width:16,height:16,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},i),o||(o=a.default.createElement("path",{d:"M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"})),t)}))},841:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)&&t.length){var a=o.apply(null,t);a&&e.push(a)}else if("object"===r)for(var l in t)i.call(t,l)&&t[l]&&e.push(l)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(n,[]))||(e.exports=t)}()},3643:(e,n,t)=>{"use strict";t.d(n,{Z:()=>l});var i=t(9233),o=t.n(i),r=t(361),a=t.n(r)()(o());a.push([e.id,".-esm-offline-tools__synchronizing-notification-styles__productiveHeading01___3tPnI{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading02___pHD9D{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading03___3OB0J{font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__productiveHeading04___2gzbA{font-size:1.75rem;font-weight:400;line-height:1.29;letter-spacing:0}.-esm-offline-tools__synchronizing-notification-styles__bodyShort01___3Mu7R{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__bodyLong01___24brM{font-size:.875rem;font-weight:400;line-height:1.43;letter-spacing:.16px}.-esm-offline-tools__synchronizing-notification-styles__label01___WOASV{font-size:.75rem;font-weight:400;line-height:1.34;letter-spacing:.32px}.-esm-offline-tools__synchronizing-notification-styles__notificationLoadingContainer___C8OuG{display:flex;gap:.5rem;justify-content:space-between;align-items:center}","",{version:3,sources:["webpack://./src/root.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/offline-actions/synchronizing-notification.styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],names:[],mappings:"AAGA,oFC4gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7rB1B,oFCwgBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDzrB1B,oFCogBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CDrrB1B,oFCggBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,gBAqLsB,CDjrB1B,4EC4fI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD7qB1B,2ECwfI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDzqB1B,wECofI,gBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CClsB1B,6FACE,YAAA,CACA,SC6Ia,CD5Ib,6BAAA,CACA,kBAAA",sourcesContent:['@import "~@openmrs/esm-styleguide/src/vars";\n@import "carbon-components/scss/globals/scss/typography.scss";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.productiveHeading03 {\n @include carbon--type-style("productive-heading-03");\n}\n\n.productiveHeading04 {\n @include carbon--type-style("productive-heading-04");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.bodyLong01 {\n @include carbon--type-style("body-long-01");\n}\n\n.label01 {\n @include carbon--type-style("label-01");\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../root.scss";\n\n.notificationLoadingContainer {\n display: flex;\n gap: $spacing-03;\n justify-content: space-between;\n align-items: center;\n}\n',"// Code generated by @carbon/themes. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import './themes';\n\n/// Define theme variables from a map of tokens\n/// @access public\n/// @param {Map} $theme [$carbon--theme] - Map of theme tokens\n/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens\n/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.\n///\n/// @example scss\n/// // Default usage\n/// @include carbon--theme();\n///\n/// // Alternate styling (not white theme)\n/// @include carbon--theme($carbon--theme--g90) {\n/// // declarations...\n/// }\n///\n/// // Inline styling\n/// @include carbon--theme($carbon--theme--g90) {\n/// .my-dark-theme {\n/// // declarations...\n/// }\n/// }\n///\n/// @group @carbon/themes\n@mixin carbon--theme(\n $theme: $carbon--theme,\n $emit-custom-properties: false,\n $emit-difference: false\n) {\n $parent-carbon-theme: $carbon--theme;\n $carbon--theme: $theme !global;\n $interactive-01: map-get($theme, 'interactive-01') !global;\n $interactive-02: map-get($theme, 'interactive-02') !global;\n $interactive-03: map-get($theme, 'interactive-03') !global;\n $interactive-04: map-get($theme, 'interactive-04') !global;\n $ui-background: map-get($theme, 'ui-background') !global;\n $ui-01: map-get($theme, 'ui-01') !global;\n $ui-02: map-get($theme, 'ui-02') !global;\n $ui-03: map-get($theme, 'ui-03') !global;\n $ui-04: map-get($theme, 'ui-04') !global;\n $ui-05: map-get($theme, 'ui-05') !global;\n $text-01: map-get($theme, 'text-01') !global;\n $text-02: map-get($theme, 'text-02') !global;\n $text-03: map-get($theme, 'text-03') !global;\n $text-04: map-get($theme, 'text-04') !global;\n $text-05: map-get($theme, 'text-05') !global;\n $text-error: map-get($theme, 'text-error') !global;\n $icon-01: map-get($theme, 'icon-01') !global;\n $icon-02: map-get($theme, 'icon-02') !global;\n $icon-03: map-get($theme, 'icon-03') !global;\n $link-01: map-get($theme, 'link-01') !global;\n $link-02: map-get($theme, 'link-02') !global;\n $inverse-link: map-get($theme, 'inverse-link') !global;\n $field-01: map-get($theme, 'field-01') !global;\n $field-02: map-get($theme, 'field-02') !global;\n $inverse-01: map-get($theme, 'inverse-01') !global;\n $inverse-02: map-get($theme, 'inverse-02') !global;\n $support-01: map-get($theme, 'support-01') !global;\n $support-02: map-get($theme, 'support-02') !global;\n $support-03: map-get($theme, 'support-03') !global;\n $support-04: map-get($theme, 'support-04') !global;\n $inverse-support-01: map-get($theme, 'inverse-support-01') !global;\n $inverse-support-02: map-get($theme, 'inverse-support-02') !global;\n $inverse-support-03: map-get($theme, 'inverse-support-03') !global;\n $inverse-support-04: map-get($theme, 'inverse-support-04') !global;\n $overlay-01: map-get($theme, 'overlay-01') !global;\n $danger-01: map-get($theme, 'danger-01') !global;\n $danger-02: map-get($theme, 'danger-02') !global;\n $focus: map-get($theme, 'focus') !global;\n $inverse-focus-ui: map-get($theme, 'inverse-focus-ui') !global;\n $hover-primary: map-get($theme, 'hover-primary') !global;\n $active-primary: map-get($theme, 'active-primary') !global;\n $hover-primary-text: map-get($theme, 'hover-primary-text') !global;\n $hover-secondary: map-get($theme, 'hover-secondary') !global;\n $active-secondary: map-get($theme, 'active-secondary') !global;\n $hover-tertiary: map-get($theme, 'hover-tertiary') !global;\n $active-tertiary: map-get($theme, 'active-tertiary') !global;\n $hover-ui: map-get($theme, 'hover-ui') !global;\n $hover-light-ui: map-get($theme, 'hover-light-ui') !global;\n $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;\n $active-ui: map-get($theme, 'active-ui') !global;\n $active-light-ui: map-get($theme, 'active-light-ui') !global;\n $selected-ui: map-get($theme, 'selected-ui') !global;\n $selected-light-ui: map-get($theme, 'selected-light-ui') !global;\n $inverse-hover-ui: map-get($theme, 'inverse-hover-ui') !global;\n $hover-danger: map-get($theme, 'hover-danger') !global;\n $active-danger: map-get($theme, 'active-danger') !global;\n $hover-row: map-get($theme, 'hover-row') !global;\n $visited-link: map-get($theme, 'visited-link') !global;\n $disabled-01: map-get($theme, 'disabled-01') !global;\n $disabled-02: map-get($theme, 'disabled-02') !global;\n $disabled-03: map-get($theme, 'disabled-03') !global;\n $highlight: map-get($theme, 'highlight') !global;\n $decorative-01: map-get($theme, 'decorative-01') !global;\n $button-separator: map-get($theme, 'button-separator') !global;\n $skeleton-01: map-get($theme, 'skeleton-01') !global;\n $skeleton-02: map-get($theme, 'skeleton-02') !global;\n $brand-01: map-get($theme, 'brand-01') !global;\n $brand-02: map-get($theme, 'brand-02') !global;\n $brand-03: map-get($theme, 'brand-03') !global;\n $active-01: map-get($theme, 'active-01') !global;\n $hover-field: map-get($theme, 'hover-field') !global;\n $danger: map-get($theme, 'danger') !global;\n $caption-01: map-get($theme, 'caption-01') !global;\n $label-01: map-get($theme, 'label-01') !global;\n $helper-text-01: map-get($theme, 'helper-text-01') !global;\n $body-short-01: map-get($theme, 'body-short-01') !global;\n $body-long-01: map-get($theme, 'body-long-01') !global;\n $body-short-02: map-get($theme, 'body-short-02') !global;\n $body-long-02: map-get($theme, 'body-long-02') !global;\n $code-01: map-get($theme, 'code-01') !global;\n $code-02: map-get($theme, 'code-02') !global;\n $heading-01: map-get($theme, 'heading-01') !global;\n $productive-heading-01: map-get($theme, 'productive-heading-01') !global;\n $heading-02: map-get($theme, 'heading-02') !global;\n $productive-heading-02: map-get($theme, 'productive-heading-02') !global;\n $productive-heading-03: map-get($theme, 'productive-heading-03') !global;\n $productive-heading-04: map-get($theme, 'productive-heading-04') !global;\n $productive-heading-05: map-get($theme, 'productive-heading-05') !global;\n $productive-heading-06: map-get($theme, 'productive-heading-06') !global;\n $productive-heading-07: map-get($theme, 'productive-heading-07') !global;\n $expressive-heading-01: map-get($theme, 'expressive-heading-01') !global;\n $expressive-heading-02: map-get($theme, 'expressive-heading-02') !global;\n $expressive-heading-03: map-get($theme, 'expressive-heading-03') !global;\n $expressive-heading-04: map-get($theme, 'expressive-heading-04') !global;\n $expressive-heading-05: map-get($theme, 'expressive-heading-05') !global;\n $expressive-heading-06: map-get($theme, 'expressive-heading-06') !global;\n $expressive-paragraph-01: map-get($theme, 'expressive-paragraph-01') !global;\n $quotation-01: map-get($theme, 'quotation-01') !global;\n $quotation-02: map-get($theme, 'quotation-02') !global;\n $display-01: map-get($theme, 'display-01') !global;\n $display-02: map-get($theme, 'display-02') !global;\n $display-03: map-get($theme, 'display-03') !global;\n $display-04: map-get($theme, 'display-04') !global;\n $spacing-01: map-get($theme, 'spacing-01') !global;\n $spacing-02: map-get($theme, 'spacing-02') !global;\n $spacing-03: map-get($theme, 'spacing-03') !global;\n $spacing-04: map-get($theme, 'spacing-04') !global;\n $spacing-05: map-get($theme, 'spacing-05') !global;\n $spacing-06: map-get($theme, 'spacing-06') !global;\n $spacing-07: map-get($theme, 'spacing-07') !global;\n $spacing-08: map-get($theme, 'spacing-08') !global;\n $spacing-09: map-get($theme, 'spacing-09') !global;\n $spacing-10: map-get($theme, 'spacing-10') !global;\n $spacing-11: map-get($theme, 'spacing-11') !global;\n $spacing-12: map-get($theme, 'spacing-12') !global;\n $fluid-spacing-01: map-get($theme, 'fluid-spacing-01') !global;\n $fluid-spacing-02: map-get($theme, 'fluid-spacing-02') !global;\n $fluid-spacing-03: map-get($theme, 'fluid-spacing-03') !global;\n $fluid-spacing-04: map-get($theme, 'fluid-spacing-04') !global;\n $layout-01: map-get($theme, 'layout-01') !global;\n $layout-02: map-get($theme, 'layout-02') !global;\n $layout-03: map-get($theme, 'layout-03') !global;\n $layout-04: map-get($theme, 'layout-04') !global;\n $layout-05: map-get($theme, 'layout-05') !global;\n $layout-06: map-get($theme, 'layout-06') !global;\n $layout-07: map-get($theme, 'layout-07') !global;\n $container-01: map-get($theme, 'container-01') !global;\n $container-02: map-get($theme, 'container-02') !global;\n $container-03: map-get($theme, 'container-03') !global;\n $container-04: map-get($theme, 'container-04') !global;\n $container-05: map-get($theme, 'container-05') !global;\n $icon-size-01: map-get($theme, 'icon-size-01') !global;\n $icon-size-02: map-get($theme, 'icon-size-02') !global;\n\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n $interactive-01: var(\n --#{$custom-property-prefix}-interactive-01,\n map-get($theme, 'interactive-01')\n ) !global;\n $interactive-02: var(\n --#{$custom-property-prefix}-interactive-02,\n map-get($theme, 'interactive-02')\n ) !global;\n $interactive-03: var(\n --#{$custom-property-prefix}-interactive-03,\n map-get($theme, 'interactive-03')\n ) !global;\n $interactive-04: var(\n --#{$custom-property-prefix}-interactive-04,\n map-get($theme, 'interactive-04')\n ) !global;\n $ui-background: var(\n --#{$custom-property-prefix}-ui-background,\n map-get($theme, 'ui-background')\n ) !global;\n $ui-01: var(\n --#{$custom-property-prefix}-ui-01,\n map-get($theme, 'ui-01')\n ) !global;\n $ui-02: var(\n --#{$custom-property-prefix}-ui-02,\n map-get($theme, 'ui-02')\n ) !global;\n $ui-03: var(\n --#{$custom-property-prefix}-ui-03,\n map-get($theme, 'ui-03')\n ) !global;\n $ui-04: var(\n --#{$custom-property-prefix}-ui-04,\n map-get($theme, 'ui-04')\n ) !global;\n $ui-05: var(\n --#{$custom-property-prefix}-ui-05,\n map-get($theme, 'ui-05')\n ) !global;\n $text-01: var(\n --#{$custom-property-prefix}-text-01,\n map-get($theme, 'text-01')\n ) !global;\n $text-02: var(\n --#{$custom-property-prefix}-text-02,\n map-get($theme, 'text-02')\n ) !global;\n $text-03: var(\n --#{$custom-property-prefix}-text-03,\n map-get($theme, 'text-03')\n ) !global;\n $text-04: var(\n --#{$custom-property-prefix}-text-04,\n map-get($theme, 'text-04')\n ) !global;\n $text-05: var(\n --#{$custom-property-prefix}-text-05,\n map-get($theme, 'text-05')\n ) !global;\n $text-error: var(\n --#{$custom-property-prefix}-text-error,\n map-get($theme, 'text-error')\n ) !global;\n $icon-01: var(\n --#{$custom-property-prefix}-icon-01,\n map-get($theme, 'icon-01')\n ) !global;\n $icon-02: var(\n --#{$custom-property-prefix}-icon-02,\n map-get($theme, 'icon-02')\n ) !global;\n $icon-03: var(\n --#{$custom-property-prefix}-icon-03,\n map-get($theme, 'icon-03')\n ) !global;\n $link-01: var(\n --#{$custom-property-prefix}-link-01,\n map-get($theme, 'link-01')\n ) !global;\n $link-02: var(\n --#{$custom-property-prefix}-link-02,\n map-get($theme, 'link-02')\n ) !global;\n $inverse-link: var(\n --#{$custom-property-prefix}-inverse-link,\n map-get($theme, 'inverse-link')\n ) !global;\n $field-01: var(\n --#{$custom-property-prefix}-field-01,\n map-get($theme, 'field-01')\n ) !global;\n $field-02: var(\n --#{$custom-property-prefix}-field-02,\n map-get($theme, 'field-02')\n ) !global;\n $inverse-01: var(\n --#{$custom-property-prefix}-inverse-01,\n map-get($theme, 'inverse-01')\n ) !global;\n $inverse-02: var(\n --#{$custom-property-prefix}-inverse-02,\n map-get($theme, 'inverse-02')\n ) !global;\n $support-01: var(\n --#{$custom-property-prefix}-support-01,\n map-get($theme, 'support-01')\n ) !global;\n $support-02: var(\n --#{$custom-property-prefix}-support-02,\n map-get($theme, 'support-02')\n ) !global;\n $support-03: var(\n --#{$custom-property-prefix}-support-03,\n map-get($theme, 'support-03')\n ) !global;\n $support-04: var(\n --#{$custom-property-prefix}-support-04,\n map-get($theme, 'support-04')\n ) !global;\n $inverse-support-01: var(\n --#{$custom-property-prefix}-inverse-support-01,\n map-get($theme, 'inverse-support-01')\n ) !global;\n $inverse-support-02: var(\n --#{$custom-property-prefix}-inverse-support-02,\n map-get($theme, 'inverse-support-02')\n ) !global;\n $inverse-support-03: var(\n --#{$custom-property-prefix}-inverse-support-03,\n map-get($theme, 'inverse-support-03')\n ) !global;\n $inverse-support-04: var(\n --#{$custom-property-prefix}-inverse-support-04,\n map-get($theme, 'inverse-support-04')\n ) !global;\n $overlay-01: var(\n --#{$custom-property-prefix}-overlay-01,\n map-get($theme, 'overlay-01')\n ) !global;\n $danger-01: var(\n --#{$custom-property-prefix}-danger-01,\n map-get($theme, 'danger-01')\n ) !global;\n $danger-02: var(\n --#{$custom-property-prefix}-danger-02,\n map-get($theme, 'danger-02')\n ) !global;\n $focus: var(\n --#{$custom-property-prefix}-focus,\n map-get($theme, 'focus')\n ) !global;\n $inverse-focus-ui: var(\n --#{$custom-property-prefix}-inverse-focus-ui,\n map-get($theme, 'inverse-focus-ui')\n ) !global;\n $hover-primary: var(\n --#{$custom-property-prefix}-hover-primary,\n map-get($theme, 'hover-primary')\n ) !global;\n $active-primary: var(\n --#{$custom-property-prefix}-active-primary,\n map-get($theme, 'active-primary')\n ) !global;\n $hover-primary-text: var(\n --#{$custom-property-prefix}-hover-primary-text,\n map-get($theme, 'hover-primary-text')\n ) !global;\n $hover-secondary: var(\n --#{$custom-property-prefix}-hover-secondary,\n map-get($theme, 'hover-secondary')\n ) !global;\n $active-secondary: var(\n --#{$custom-property-prefix}-active-secondary,\n map-get($theme, 'active-secondary')\n ) !global;\n $hover-tertiary: var(\n --#{$custom-property-prefix}-hover-tertiary,\n map-get($theme, 'hover-tertiary')\n ) !global;\n $active-tertiary: var(\n --#{$custom-property-prefix}-active-tertiary,\n map-get($theme, 'active-tertiary')\n ) !global;\n $hover-ui: var(\n --#{$custom-property-prefix}-hover-ui,\n map-get($theme, 'hover-ui')\n ) !global;\n $hover-light-ui: var(\n --#{$custom-property-prefix}-hover-light-ui,\n map-get($theme, 'hover-light-ui')\n ) !global;\n $hover-selected-ui: var(\n --#{$custom-property-prefix}-hover-selected-ui,\n map-get($theme, 'hover-selected-ui')\n ) !global;\n $active-ui: var(\n --#{$custom-property-prefix}-active-ui,\n map-get($theme, 'active-ui')\n ) !global;\n $active-light-ui: var(\n --#{$custom-property-prefix}-active-light-ui,\n map-get($theme, 'active-light-ui')\n ) !global;\n $selected-ui: var(\n --#{$custom-property-prefix}-selected-ui,\n map-get($theme, 'selected-ui')\n ) !global;\n $selected-light-ui: var(\n --#{$custom-property-prefix}-selected-light-ui,\n map-get($theme, 'selected-light-ui')\n ) !global;\n $inverse-hover-ui: var(\n --#{$custom-property-prefix}-inverse-hover-ui,\n map-get($theme, 'inverse-hover-ui')\n ) !global;\n $hover-danger: var(\n --#{$custom-property-prefix}-hover-danger,\n map-get($theme, 'hover-danger')\n ) !global;\n $active-danger: var(\n --#{$custom-property-prefix}-active-danger,\n map-get($theme, 'active-danger')\n ) !global;\n $hover-row: var(\n --#{$custom-property-prefix}-hover-row,\n map-get($theme, 'hover-row')\n ) !global;\n $visited-link: var(\n --#{$custom-property-prefix}-visited-link,\n map-get($theme, 'visited-link')\n ) !global;\n $disabled-01: var(\n --#{$custom-property-prefix}-disabled-01,\n map-get($theme, 'disabled-01')\n ) !global;\n $disabled-02: var(\n --#{$custom-property-prefix}-disabled-02,\n map-get($theme, 'disabled-02')\n ) !global;\n $disabled-03: var(\n --#{$custom-property-prefix}-disabled-03,\n map-get($theme, 'disabled-03')\n ) !global;\n $highlight: var(\n --#{$custom-property-prefix}-highlight,\n map-get($theme, 'highlight')\n ) !global;\n $decorative-01: var(\n --#{$custom-property-prefix}-decorative-01,\n map-get($theme, 'decorative-01')\n ) !global;\n $button-separator: var(\n --#{$custom-property-prefix}-button-separator,\n map-get($theme, 'button-separator')\n ) !global;\n $skeleton-01: var(\n --#{$custom-property-prefix}-skeleton-01,\n map-get($theme, 'skeleton-01')\n ) !global;\n $skeleton-02: var(\n --#{$custom-property-prefix}-skeleton-02,\n map-get($theme, 'skeleton-02')\n ) !global;\n $brand-01: var(\n --#{$custom-property-prefix}-brand-01,\n map-get($theme, 'brand-01')\n ) !global;\n $brand-02: var(\n --#{$custom-property-prefix}-brand-02,\n map-get($theme, 'brand-02')\n ) !global;\n $brand-03: var(\n --#{$custom-property-prefix}-brand-03,\n map-get($theme, 'brand-03')\n ) !global;\n $active-01: var(\n --#{$custom-property-prefix}-active-01,\n map-get($theme, 'active-01')\n ) !global;\n $hover-field: var(\n --#{$custom-property-prefix}-hover-field,\n map-get($theme, 'hover-field')\n ) !global;\n $danger: var(\n --#{$custom-property-prefix}-danger,\n map-get($theme, 'danger')\n ) !global;\n $spacing-01: var(\n --#{$custom-property-prefix}-spacing-01,\n map-get($theme, 'spacing-01')\n ) !global;\n $spacing-02: var(\n --#{$custom-property-prefix}-spacing-02,\n map-get($theme, 'spacing-02')\n ) !global;\n $spacing-03: var(\n --#{$custom-property-prefix}-spacing-03,\n map-get($theme, 'spacing-03')\n ) !global;\n $spacing-04: var(\n --#{$custom-property-prefix}-spacing-04,\n map-get($theme, 'spacing-04')\n ) !global;\n $spacing-05: var(\n --#{$custom-property-prefix}-spacing-05,\n map-get($theme, 'spacing-05')\n ) !global;\n $spacing-06: var(\n --#{$custom-property-prefix}-spacing-06,\n map-get($theme, 'spacing-06')\n ) !global;\n $spacing-07: var(\n --#{$custom-property-prefix}-spacing-07,\n map-get($theme, 'spacing-07')\n ) !global;\n $spacing-08: var(\n --#{$custom-property-prefix}-spacing-08,\n map-get($theme, 'spacing-08')\n ) !global;\n $spacing-09: var(\n --#{$custom-property-prefix}-spacing-09,\n map-get($theme, 'spacing-09')\n ) !global;\n $spacing-10: var(\n --#{$custom-property-prefix}-spacing-10,\n map-get($theme, 'spacing-10')\n ) !global;\n $spacing-11: var(\n --#{$custom-property-prefix}-spacing-11,\n map-get($theme, 'spacing-11')\n ) !global;\n $spacing-12: var(\n --#{$custom-property-prefix}-spacing-12,\n map-get($theme, 'spacing-12')\n ) !global;\n $fluid-spacing-01: var(\n --#{$custom-property-prefix}-fluid-spacing-01,\n map-get($theme, 'fluid-spacing-01')\n ) !global;\n $fluid-spacing-02: var(\n --#{$custom-property-prefix}-fluid-spacing-02,\n map-get($theme, 'fluid-spacing-02')\n ) !global;\n $fluid-spacing-03: var(\n --#{$custom-property-prefix}-fluid-spacing-03,\n map-get($theme, 'fluid-spacing-03')\n ) !global;\n $fluid-spacing-04: var(\n --#{$custom-property-prefix}-fluid-spacing-04,\n map-get($theme, 'fluid-spacing-04')\n ) !global;\n $layout-01: var(\n --#{$custom-property-prefix}-layout-01,\n map-get($theme, 'layout-01')\n ) !global;\n $layout-02: var(\n --#{$custom-property-prefix}-layout-02,\n map-get($theme, 'layout-02')\n ) !global;\n $layout-03: var(\n --#{$custom-property-prefix}-layout-03,\n map-get($theme, 'layout-03')\n ) !global;\n $layout-04: var(\n --#{$custom-property-prefix}-layout-04,\n map-get($theme, 'layout-04')\n ) !global;\n $layout-05: var(\n --#{$custom-property-prefix}-layout-05,\n map-get($theme, 'layout-05')\n ) !global;\n $layout-06: var(\n --#{$custom-property-prefix}-layout-06,\n map-get($theme, 'layout-06')\n ) !global;\n $layout-07: var(\n --#{$custom-property-prefix}-layout-07,\n map-get($theme, 'layout-07')\n ) !global;\n $container-01: var(\n --#{$custom-property-prefix}-container-01,\n map-get($theme, 'container-01')\n ) !global;\n $container-02: var(\n --#{$custom-property-prefix}-container-02,\n map-get($theme, 'container-02')\n ) !global;\n $container-03: var(\n --#{$custom-property-prefix}-container-03,\n map-get($theme, 'container-03')\n ) !global;\n $container-04: var(\n --#{$custom-property-prefix}-container-04,\n map-get($theme, 'container-04')\n ) !global;\n $container-05: var(\n --#{$custom-property-prefix}-container-05,\n map-get($theme, 'container-05')\n ) !global;\n $icon-size-01: var(\n --#{$custom-property-prefix}-icon-size-01,\n map-get($theme, 'icon-size-01')\n ) !global;\n $icon-size-02: var(\n --#{$custom-property-prefix}-icon-size-02,\n map-get($theme, 'icon-size-02')\n ) !global;\n }\n @if $emit-custom-properties == true {\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-01',\n map-get($theme, 'interactive-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-02',\n map-get($theme, 'interactive-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-03',\n map-get($theme, 'interactive-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'interactive-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'interactive-04',\n map-get($theme, 'interactive-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'ui-background',\n $emit-difference\n )\n {\n @include custom-property(\n 'ui-background',\n map-get($theme, 'ui-background')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-01', $emit-difference) {\n @include custom-property('ui-01', map-get($theme, 'ui-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-02', $emit-difference) {\n @include custom-property('ui-02', map-get($theme, 'ui-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-03', $emit-difference) {\n @include custom-property('ui-03', map-get($theme, 'ui-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-04', $emit-difference) {\n @include custom-property('ui-04', map-get($theme, 'ui-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'ui-05', $emit-difference) {\n @include custom-property('ui-05', map-get($theme, 'ui-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-01', $emit-difference) {\n @include custom-property('text-01', map-get($theme, 'text-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-02', $emit-difference) {\n @include custom-property('text-02', map-get($theme, 'text-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-03', $emit-difference) {\n @include custom-property('text-03', map-get($theme, 'text-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-04', $emit-difference) {\n @include custom-property('text-04', map-get($theme, 'text-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'text-05', $emit-difference) {\n @include custom-property('text-05', map-get($theme, 'text-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'text-error',\n $emit-difference\n )\n {\n @include custom-property('text-error', map-get($theme, 'text-error'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-01', $emit-difference) {\n @include custom-property('icon-01', map-get($theme, 'icon-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-02', $emit-difference) {\n @include custom-property('icon-02', map-get($theme, 'icon-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'icon-03', $emit-difference) {\n @include custom-property('icon-03', map-get($theme, 'icon-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-01', $emit-difference) {\n @include custom-property('link-01', map-get($theme, 'link-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'link-02', $emit-difference) {\n @include custom-property('link-02', map-get($theme, 'link-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-link',\n $emit-difference\n )\n {\n @include custom-property('inverse-link', map-get($theme, 'inverse-link'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-01', $emit-difference)\n {\n @include custom-property('field-01', map-get($theme, 'field-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'field-02', $emit-difference)\n {\n @include custom-property('field-02', map-get($theme, 'field-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-01',\n $emit-difference\n )\n {\n @include custom-property('inverse-01', map-get($theme, 'inverse-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-02',\n $emit-difference\n )\n {\n @include custom-property('inverse-02', map-get($theme, 'inverse-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-01',\n $emit-difference\n )\n {\n @include custom-property('support-01', map-get($theme, 'support-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-02',\n $emit-difference\n )\n {\n @include custom-property('support-02', map-get($theme, 'support-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-03',\n $emit-difference\n )\n {\n @include custom-property('support-03', map-get($theme, 'support-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'support-04',\n $emit-difference\n )\n {\n @include custom-property('support-04', map-get($theme, 'support-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-01',\n map-get($theme, 'inverse-support-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-02',\n map-get($theme, 'inverse-support-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-03',\n map-get($theme, 'inverse-support-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-support-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-support-04',\n map-get($theme, 'inverse-support-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'overlay-01',\n $emit-difference\n )\n {\n @include custom-property('overlay-01', map-get($theme, 'overlay-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-01', $emit-difference)\n {\n @include custom-property('danger-01', map-get($theme, 'danger-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger-02', $emit-difference)\n {\n @include custom-property('danger-02', map-get($theme, 'danger-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'focus', $emit-difference) {\n @include custom-property('focus', map-get($theme, 'focus'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-focus-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-focus-ui',\n map-get($theme, 'inverse-focus-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary',\n map-get($theme, 'hover-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-primary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-primary',\n map-get($theme, 'active-primary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-primary-text',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-primary-text',\n map-get($theme, 'hover-primary-text')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-secondary',\n map-get($theme, 'hover-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-secondary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-secondary',\n map-get($theme, 'active-secondary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-tertiary',\n map-get($theme, 'hover-tertiary')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-tertiary',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-tertiary',\n map-get($theme, 'active-tertiary')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-ui', $emit-difference)\n {\n @include custom-property('hover-ui', map-get($theme, 'hover-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-light-ui',\n map-get($theme, 'hover-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-selected-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'hover-selected-ui',\n map-get($theme, 'hover-selected-ui')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-ui', $emit-difference)\n {\n @include custom-property('active-ui', map-get($theme, 'active-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-light-ui',\n map-get($theme, 'active-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-ui',\n $emit-difference\n )\n {\n @include custom-property('selected-ui', map-get($theme, 'selected-ui'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'selected-light-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'selected-light-ui',\n map-get($theme, 'selected-light-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'inverse-hover-ui',\n $emit-difference\n )\n {\n @include custom-property(\n 'inverse-hover-ui',\n map-get($theme, 'inverse-hover-ui')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-danger',\n $emit-difference\n )\n {\n @include custom-property('hover-danger', map-get($theme, 'hover-danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'active-danger',\n $emit-difference\n )\n {\n @include custom-property(\n 'active-danger',\n map-get($theme, 'active-danger')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'hover-row', $emit-difference)\n {\n @include custom-property('hover-row', map-get($theme, 'hover-row'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'visited-link',\n $emit-difference\n )\n {\n @include custom-property('visited-link', map-get($theme, 'visited-link'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-01',\n $emit-difference\n )\n {\n @include custom-property('disabled-01', map-get($theme, 'disabled-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-02',\n $emit-difference\n )\n {\n @include custom-property('disabled-02', map-get($theme, 'disabled-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'disabled-03',\n $emit-difference\n )\n {\n @include custom-property('disabled-03', map-get($theme, 'disabled-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'highlight', $emit-difference)\n {\n @include custom-property('highlight', map-get($theme, 'highlight'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'decorative-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'decorative-01',\n map-get($theme, 'decorative-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'button-separator',\n $emit-difference\n )\n {\n @include custom-property(\n 'button-separator',\n map-get($theme, 'button-separator')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-01',\n $emit-difference\n )\n {\n @include custom-property('skeleton-01', map-get($theme, 'skeleton-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'skeleton-02',\n $emit-difference\n )\n {\n @include custom-property('skeleton-02', map-get($theme, 'skeleton-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-01', $emit-difference)\n {\n @include custom-property('brand-01', map-get($theme, 'brand-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-02', $emit-difference)\n {\n @include custom-property('brand-02', map-get($theme, 'brand-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'brand-03', $emit-difference)\n {\n @include custom-property('brand-03', map-get($theme, 'brand-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'active-01', $emit-difference)\n {\n @include custom-property('active-01', map-get($theme, 'active-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'hover-field',\n $emit-difference\n )\n {\n @include custom-property('hover-field', map-get($theme, 'hover-field'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'danger', $emit-difference) {\n @include custom-property('danger', map-get($theme, 'danger'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'caption-01',\n $emit-difference\n )\n {\n @include custom-property('caption-01', map-get($theme, 'caption-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'label-01', $emit-difference)\n {\n @include custom-property('label-01', map-get($theme, 'label-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'helper-text-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'helper-text-01',\n map-get($theme, 'helper-text-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-01',\n map-get($theme, 'body-short-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-01',\n $emit-difference\n )\n {\n @include custom-property('body-long-01', map-get($theme, 'body-long-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-short-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'body-short-02',\n map-get($theme, 'body-short-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'body-long-02',\n $emit-difference\n )\n {\n @include custom-property('body-long-02', map-get($theme, 'body-long-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-01', $emit-difference) {\n @include custom-property('code-01', map-get($theme, 'code-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'code-02', $emit-difference) {\n @include custom-property('code-02', map-get($theme, 'code-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-01',\n $emit-difference\n )\n {\n @include custom-property('heading-01', map-get($theme, 'heading-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-01',\n map-get($theme, 'productive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'heading-02',\n $emit-difference\n )\n {\n @include custom-property('heading-02', map-get($theme, 'heading-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-02',\n map-get($theme, 'productive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-03',\n map-get($theme, 'productive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-04',\n map-get($theme, 'productive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-05',\n map-get($theme, 'productive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-06',\n map-get($theme, 'productive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'productive-heading-07',\n $emit-difference\n )\n {\n @include custom-property(\n 'productive-heading-07',\n map-get($theme, 'productive-heading-07')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-01',\n map-get($theme, 'expressive-heading-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-02',\n map-get($theme, 'expressive-heading-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-03',\n map-get($theme, 'expressive-heading-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-04',\n map-get($theme, 'expressive-heading-04')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-05',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-05',\n map-get($theme, 'expressive-heading-05')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-heading-06',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-heading-06',\n map-get($theme, 'expressive-heading-06')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'expressive-paragraph-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'expressive-paragraph-01',\n map-get($theme, 'expressive-paragraph-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-01',\n $emit-difference\n )\n {\n @include custom-property('quotation-01', map-get($theme, 'quotation-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'quotation-02',\n $emit-difference\n )\n {\n @include custom-property('quotation-02', map-get($theme, 'quotation-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-01',\n $emit-difference\n )\n {\n @include custom-property('display-01', map-get($theme, 'display-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-02',\n $emit-difference\n )\n {\n @include custom-property('display-02', map-get($theme, 'display-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-03',\n $emit-difference\n )\n {\n @include custom-property('display-03', map-get($theme, 'display-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'display-04',\n $emit-difference\n )\n {\n @include custom-property('display-04', map-get($theme, 'display-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-01',\n $emit-difference\n )\n {\n @include custom-property('spacing-01', map-get($theme, 'spacing-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-02',\n $emit-difference\n )\n {\n @include custom-property('spacing-02', map-get($theme, 'spacing-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-03',\n $emit-difference\n )\n {\n @include custom-property('spacing-03', map-get($theme, 'spacing-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-04',\n $emit-difference\n )\n {\n @include custom-property('spacing-04', map-get($theme, 'spacing-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-05',\n $emit-difference\n )\n {\n @include custom-property('spacing-05', map-get($theme, 'spacing-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-06',\n $emit-difference\n )\n {\n @include custom-property('spacing-06', map-get($theme, 'spacing-06'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-07',\n $emit-difference\n )\n {\n @include custom-property('spacing-07', map-get($theme, 'spacing-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-08',\n $emit-difference\n )\n {\n @include custom-property('spacing-08', map-get($theme, 'spacing-08'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-09',\n $emit-difference\n )\n {\n @include custom-property('spacing-09', map-get($theme, 'spacing-09'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-10',\n $emit-difference\n )\n {\n @include custom-property('spacing-10', map-get($theme, 'spacing-10'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-11',\n $emit-difference\n )\n {\n @include custom-property('spacing-11', map-get($theme, 'spacing-11'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'spacing-12',\n $emit-difference\n )\n {\n @include custom-property('spacing-12', map-get($theme, 'spacing-12'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-01',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-01',\n map-get($theme, 'fluid-spacing-01')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-02',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-02',\n map-get($theme, 'fluid-spacing-02')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-03',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-03',\n map-get($theme, 'fluid-spacing-03')\n );\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'fluid-spacing-04',\n $emit-difference\n )\n {\n @include custom-property(\n 'fluid-spacing-04',\n map-get($theme, 'fluid-spacing-04')\n );\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-01', $emit-difference)\n {\n @include custom-property('layout-01', map-get($theme, 'layout-01'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-02', $emit-difference)\n {\n @include custom-property('layout-02', map-get($theme, 'layout-02'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-03', $emit-difference)\n {\n @include custom-property('layout-03', map-get($theme, 'layout-03'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-04', $emit-difference)\n {\n @include custom-property('layout-04', map-get($theme, 'layout-04'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-05', $emit-difference)\n {\n @include custom-property('layout-05', map-get($theme, 'layout-05'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-06', $emit-difference)\n {\n @include custom-property('layout-06', map-get($theme, 'layout-06'));\n }\n\n @if should-emit($theme, $parent-carbon-theme, 'layout-07', $emit-difference)\n {\n @include custom-property('layout-07', map-get($theme, 'layout-07'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-01',\n $emit-difference\n )\n {\n @include custom-property('container-01', map-get($theme, 'container-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-02',\n $emit-difference\n )\n {\n @include custom-property('container-02', map-get($theme, 'container-02'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-03',\n $emit-difference\n )\n {\n @include custom-property('container-03', map-get($theme, 'container-03'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-04',\n $emit-difference\n )\n {\n @include custom-property('container-04', map-get($theme, 'container-04'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'container-05',\n $emit-difference\n )\n {\n @include custom-property('container-05', map-get($theme, 'container-05'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-01',\n $emit-difference\n )\n {\n @include custom-property('icon-size-01', map-get($theme, 'icon-size-01'));\n }\n\n @if should-emit(\n $theme,\n $parent-carbon-theme,\n 'icon-size-02',\n $emit-difference\n )\n {\n @include custom-property('icon-size-02', map-get($theme, 'icon-size-02'));\n }\n }\n\n @content;\n\n // Reset to default theme after apply in content\n @if $carbon--theme != $parent-carbon-theme {\n $carbon--theme: $parent-carbon-theme !global;\n\n @include carbon--theme();\n }\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading01___3tPnI",productiveHeading02:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading02___pHD9D",productiveHeading03:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading03___3OB0J",productiveHeading04:"-esm-offline-tools__synchronizing-notification-styles__productiveHeading04___2gzbA",bodyShort01:"-esm-offline-tools__synchronizing-notification-styles__bodyShort01___3Mu7R",bodyLong01:"-esm-offline-tools__synchronizing-notification-styles__bodyLong01___24brM",label01:"-esm-offline-tools__synchronizing-notification-styles__label01___WOASV",notificationLoadingContainer:"-esm-offline-tools__synchronizing-notification-styles__notificationLoadingContainer___C8OuG"};const l=a},361:e=>{"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=e(n);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(i)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(o[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&o[c[0]]||(t&&(c[2]?c[2]="".concat(t," and ").concat(c[2]):c[2]=t),n.push(c))}},n}},9233:e=>{"use strict";function n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}e.exports=function(e){var t,i=function(e){if(Array.isArray(e))return e}(t=e)||function(e,n){var t=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=t){var i,o,r=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(i=t.next()).done)&&(r.push(i.value),4!==r.length);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw o}}return r}}(t)||function(e,t){if(e){if("string"==typeof e)return n(e,4);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?n(e,4):void 0}}(t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=i[1],r=i[3];if(!r)return o;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),c="/*# ".concat(l," */"),s=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[o].concat(s).concat([c]).join("\n")}return[o].join("\n")}},459:(e,n,t)=>{"use strict";var i=t(5704);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,r,a){if(a!==i){var l=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 l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:r,resetWarningCache:o};return t.PropTypes=t,t}},216:(e,n,t)=>{e.exports=t(459)()},5704:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},487:(e,n,t)=>{"use strict";var i,o=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),r=[];function a(e){for(var n=-1,t=0;t<r.length;t++)if(r[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],o=0;o<e.length;o++){var l=e[o],c=n.base?l[0]+n.base:l[0],s=t[c]||0,p="".concat(c," ").concat(s);t[c]=s+1;var m=a(p),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==m?(r[m].references++,r[m].updater(u)):r.push({identifier:p,updater:f(u,n),references:1}),i.push(p)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var s,p=(s=[],function(e,n){return s[e]=n,s.filter(Boolean).join("\n")});function m(e,n,t,i){var o=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=p(n,o);else{var r=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(r,a[n]):e.appendChild(r)}}function u(e,n,t){var i=t.css,o=t.media,r=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var h=null,d=0;function f(e,n){var t,i,o;if(n.singleton){var r=d++;t=h||(h=c(n)),i=m.bind(null,t,r,!1),o=m.bind(null,t,r,!0)}else t=c(n),i=u.bind(null,t,n),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=(void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i));var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var o=a(t[i]);r[o].references--}for(var c=l(e,n),s=0;s<t.length;s++){var p=a(t[s]);0===r[p].references&&(r[p].updater(),r.splice(p,1))}t=c}}}},3979:(e,n,t)=>{var i={"./en.json":[3574,574]};function o(e){if(!t.o(i,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=i[e],o=n[0];return t.e(n[1]).then((()=>t(o)))}o.keys=()=>Object.keys(i),o.id=3979,e.exports=o},4507:(e,n,t)=>{const i=t(1522).R;n.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=i(t.y.meta.url,e)}},1522:(e,n,t)=>{n.R=function(e,n){var t=document.createElement("a");t.href=e;for(var i="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,r=i.length;o!==n&&r>=0;)"/"===i[--r]&&o++;if(o!==n)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+n+") is greater than the number of directories ("+o+") in the URL path "+e);var a=i.slice(0,r+1);return t.protocol+"//"+t.host+a},Number.isInteger},1489:e=>{"use strict";e.exports=t},2434:e=>{"use strict";e.exports=r},5954:e=>{"use strict";e.exports=i},493:e=>{"use strict";e.exports=l},4281:e=>{"use strict";e.exports=o},4880:e=>{"use strict";e.exports=a}},p={};function m(e){var n=p[e];if(void 0!==n)return n.exports;var t=p[e]={id:e,loaded:!1,exports:{}};return s[e].call(t.exports,t,t.exports,m),t.loaded=!0,t.exports}m.m=s,m.y=n,m.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return m.d(n,{a:n}),n},m.d=(e,n)=>{for(var t in n)m.o(n,t)&&!m.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},m.f={},m.e=e=>Promise.all(Object.keys(m.f).reduce(((n,t)=>(m.f[t](e,n),n)),[])),m.u=e=>e+".openmrs-esm-offline-tools-app.js",m.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),m.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),e={},c="@openmrs/esm-offline-tools-app:",m.l=(n,t,i,o)=>{if(e[n])e[n].push(t);else{var r,a;if(void 0!==i)for(var l=document.getElementsByTagName("script"),s=0;s<l.length;s++){var p=l[s];if(p.getAttribute("src")==n||p.getAttribute("data-webpack")==c+i){r=p;break}}r||(a=!0,(r=document.createElement("script")).charset="utf-8",r.timeout=120,m.nc&&r.setAttribute("nonce",m.nc),r.setAttribute("data-webpack",c+i),r.src=n),e[n]=[t];var u=(t,i)=>{r.onerror=r.onload=null,clearTimeout(h);var o=e[n];if(delete e[n],r.parentNode&&r.parentNode.removeChild(r),o&&o.forEach((e=>e(i))),t)return t(i)},h=setTimeout(u.bind(null,void 0,{type:"timeout",target:r}),12e4);r.onerror=u.bind(null,r.onerror),r.onload=u.bind(null,r.onload),a&&document.head.appendChild(r)}},m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},m.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),m.p="",(()=>{var e={179:0};m.f.j=(n,t)=>{var i=m.o(e,n)?e[n]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise(((t,o)=>i=e[n]=[t,o]));t.push(i[2]=o);var r=m.p+m.u(n),a=new Error;m.l(r,(t=>{if(m.o(e,n)&&(0!==(i=e[n])&&(e[n]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),r=t&&t.target&&t.target.src;a.message="Loading chunk "+n+" failed.\n("+o+": "+r+")",a.name="ChunkLoadError",a.type=o,a.request=r,i[1](a)}}),"chunk-"+n,n)}};var n=(n,t)=>{var i,o,[r,a,l]=t,c=0;if(r.some((n=>0!==e[n]))){for(i in a)m.o(a,i)&&(m.m[i]=a[i]);l&&l(m)}for(n&&n(t);c<r.length;c++)o=r[c],m.o(e,o)&&e[o]&&e[o][0](),e[r[c]]=0},t=self.webpackChunk_openmrs_esm_offline_tools_app=self.webpackChunk_openmrs_esm_offline_tools_app||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})();var u={};return(0,m(4507).s)(1),(()=>{"use strict";m.r(u),m.d(u,{backendDependencies:()=>le,frontendDependencies:()=>ce,importTranslation:()=>ae,setupOpenMRS:()=>se});var e=m(1489),n=m(9549),t=m(5867),i=m(5954),o=m(4281),r=m(2434),a=m(841),l=m.n(a),c=m(216),s=m.n(c),p=m(6624);function h(){return(h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function d(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var f=r.settings.prefix,g=(0,p.Z)();function $(e){var n,t,o=e.id,r=e.active,a=e.className,c=e.withOverlay,s=e.small,p=e.description,m=function(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["id","active","className","withOverlay","small","description"]),u=(0,i.useRef)(g()).current,$=l()(a,(d(n={},"".concat(f,"--loading"),!0),d(n,"".concat(f,"--loading--small"),s),d(n,"".concat(f,"--loading--stop"),!r),n)),b=l()((d(t={},"".concat(f,"--loading-overlay"),!0),d(t,"".concat(f,"--loading-overlay--stop"),!r),t)),y=o||"loading-id-".concat(u),v=s?"42":"44",x=i.default.createElement("div",h({},m,{"aria-atomic":"true","aria-labelledby":y,"aria-live":r?"assertive":"off",className:$}),i.default.createElement("label",{id:y,className:"".concat(f,"--visually-hidden")},p),i.default.createElement("svg",{className:"".concat(f,"--loading__svg"),viewBox:"0 0 100 100"},i.default.createElement("title",null,p),s?i.default.createElement("circle",{className:"".concat(f,"--loading__background"),cx:"50%",cy:"50%",r:v}):null,i.default.createElement("circle",{className:"".concat(f,"--loading__stroke"),cx:"50%",cy:"50%",r:v})));return c?i.default.createElement("div",{className:b},x):x}$.propTypes={active:s().bool,className:s().string,description:s().string,id:s().string,small:s().bool,withOverlay:s().bool},$.defaultProps={active:!0,withOverlay:!0,small:!1,description:"Active loading indicator"};const b=$;var y,v,x,w,k,O,_,z=m(7937),C=m(781),B=["children"],A=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,B);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),y||(y=i.default.createElement("path",{d:"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"})),v||(v=i.default.createElement("path",{d:"M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z","data-icon-path":"inner-path",opacity:"0"})),t)})),E=m(3958),S=m(6825),j=["children"],L=["children"],M=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,j);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),x||(x=i.default.createElement("path",{fill:"none",d:"M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z","data-icon-path":"inner-path"})),w||(w=i.default.createElement("path",{d:"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"})),t)})),P=i.default.forwardRef((function(e,n){var t=e.children,o=(0,C._)(e,L);return i.default.createElement(C.I,(0,C.a)({width:20,height:20,viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",ref:n},o),k||(k=i.default.createElement("path",{fill:"none",d:"M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z","data-icon-path":"inner-path"})),O||(O=i.default.createElement("path",{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"})),t)})),T=m(4990);function I(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var t=[],i=!0,o=!1,r=void 0;try{for(var a,l=e[Symbol.iterator]();!(i=(a=l.next()).done)&&(t.push(a.value),!n||t.length!==n);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(o)throw r}}return t}}(e,n)||function(e,n){if(e){if("string"==typeof e)return N(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?N(e,n):void 0}}(e,n)||function(){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 N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function D(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(){return(q=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function H(e,n){if(null==e)return{};var t,i,o=function(e,n){if(null==e)return{};var t,i,o={},r=Object.keys(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)t=r[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var R=r.settings.prefix;function Z(e){var n=e.children,t=e.className,o=e.onClick,r=H(e,["children","className","onClick"]),a=l()(t,"".concat(R,"--inline-notification__action-button"));return i.default.createElement(T.Z,q({className:a,kind:"ghost",onClick:o,size:"small"},r),n)}function U(e){var n=e.ariaLabel,t=e.className,o=e.iconDescription,r=e.type,a=e.renderIcon,c=e.name,s=e.notificationType,p=H(e,["ariaLabel","className","iconDescription","type","renderIcon","name","notificationType"]),m=l()(t,D({},"".concat(R,"--").concat(s,"-notification__close-button"),s)),u=l()(D({},"".concat(R,"--").concat(s,"-notification__close-icon"),s));return i.default.createElement("button",q({},p,{type:r,"aria-label":o,title:o,className:m}),a&&i.default.createElement(a,{"aria-label":n,className:u,name:c}))}function F(e){var n=e.title,t=e.subtitle,o=e.caption,r=e.notificationType,a=e.children,l=H(e,["title","subtitle","caption","notificationType","children"]);return"toast"===r?i.default.createElement("div",q({},l,{className:"".concat(R,"--toast-notification__details")}),i.default.createElement("h3",{className:"".concat(R,"--toast-notification__title")},n),i.default.createElement("div",{className:"".concat(R,"--toast-notification__subtitle")},t),o&&i.default.createElement("div",{className:"".concat(R,"--toast-notification__caption")},o),a):"inline"===r?i.default.createElement("div",q({},l,{className:"".concat(R,"--inline-notification__text-wrapper")}),i.default.createElement("p",{className:"".concat(R,"--inline-notification__title")},n),i.default.createElement("div",{className:"".concat(R,"--inline-notification__subtitle")},t),a):void 0}Z.propTypes={children:s().node,className:s().string,onClick:s().func},U.propTypes={ariaLabel:s().string,className:s().string,iconDescription:s().string,name:s().string,notificationType:s().oneOf(["toast","inline"]),renderIcon:s().oneOfType([s().func,s().object]),type:s().string},U.defaultProps={ariaLabel:"close notification",notificationType:"toast",type:"button",iconDescription:"close icon",renderIcon:z.dOq},F.propTypes={caption:s().node,children:s().node,notificationType:s().oneOf(["toast","inline"]),subtitle:s().node,title:s().string},F.defaultProps={title:"title",notificationType:"toast"};var V=(D(_={error:A,success:E.dmA,warning:S.s$s},"warning-alt",S.mhO),D(_,"info",M),D(_,"info-square",P),_);function W(e){var n=e.iconDescription,t=e.kind,o=e.notificationType,r=V[t];return r?i.default.createElement(r,{className:"".concat(R,"--").concat(o,"-notification__icon")},i.default.createElement("title",null,n)):null}function G(e){var n,t=e.role,o=e.notificationType,r=e.onCloseButtonClick,a=e.iconDescription,c=e.statusIconDescription,s=e.className,p=e.caption,m=e.subtitle,u=e.title,h=e.kind,d=e.lowContrast,f=e.hideCloseButton,g=e.children,$=e.timeout,b=H(e,["role","notificationType","onCloseButtonClick","iconDescription","statusIconDescription","className","caption","subtitle","title","kind","lowContrast","hideCloseButton","children","timeout"]),y=I((0,i.useState)(!0),2),v=y[0],x=y[1],w=l()(s,(D(n={},"".concat(R,"--toast-notification"),!0),D(n,"".concat(R,"--toast-notification--low-contrast"),d),D(n,"".concat(R,"--toast-notification--").concat(h),h),n));return(0,i.useEffect)((function(){if($){var e=window.setTimeout((function(){x(!1),r(event)}),$);return function(){window.clearTimeout(e)}}}),[r,$]),v?i.default.createElement("div",q({},b,{role:t,kind:h,className:w}),i.default.createElement(W,{notificationType:o,kind:h,iconDescription:c||"".concat(h," icon")}),i.default.createElement(F,{title:u,subtitle:m,caption:p,notificationType:o},g),!f&&i.default.createElement(U,{iconDescription:a,notificationType:o,onClick:function(e){x(!1),r(e)}})):null}function J(e){var n,t=e.actions,o=e.role,r=e.notificationType,a=e.onCloseButtonClick,c=e.iconDescription,s=e.statusIconDescription,p=e.className,m=e.subtitle,u=e.title,h=e.kind,d=e.lowContrast,f=e.hideCloseButton,g=e.children,$=H(e,["actions","role","notificationType","onCloseButtonClick","iconDescription","statusIconDescription","className","subtitle","title","kind","lowContrast","hideCloseButton","children"]),b=I((0,i.useState)(!0),2),y=b[0],v=b[1],x=l()(p,(D(n={},"".concat(R,"--inline-notification"),!0),D(n,"".concat(R,"--inline-notification--low-contrast"),d),D(n,"".concat(R,"--inline-notification--").concat(h),h),D(n,"".concat(R,"--inline-notification--hide-close-button"),f),n));return y?i.default.createElement("div",q({},$,{role:o,kind:h,className:x}),i.default.createElement("div",{className:"".concat(R,"--inline-notification__details")},i.default.createElement(W,{notificationType:r,kind:h,iconDescription:s||"".concat(h," icon")}),i.default.createElement(F,{title:u,subtitle:m,notificationType:r},g)),t,!f&&i.default.createElement(U,{iconDescription:c,notificationType:r,onClick:function(e){v(!1),a(e)}})):null}W.propTypes={iconDescription:s().string.isRequired,kind:s().oneOf(["error","success","warning","warning-alt","info","info-square"]).isRequired,notificationType:s().oneOf(["inline","toast"]).isRequired},G.propTypes={caption:s().node,children:s().node,className:s().string,hideCloseButton:s().bool,iconDescription:s().string,kind:s().oneOf(["error","info","info-square","success","warning","warning-alt"]).isRequired,lowContrast:s().bool,notificationType:s().string,onCloseButtonClick:s().func,role:s().string.isRequired,statusIconDescription:s().string,subtitle:s().node,timeout:s().number,title:s().string.isRequired},G.defaultProps={kind:"error",title:"provide a title",role:"alert",notificationType:"toast",iconDescription:"closes notification",onCloseButtonClick:function(){},hideCloseButton:!1,timeout:0},J.propTypes={actions:s().node,children:s().node,className:s().string,hideCloseButton:s().bool,iconDescription:s().string,kind:s().oneOf(["error","info","info-square","success","warning","warning-alt"]).isRequired,lowContrast:s().bool,notificationType:s().string,onCloseButtonClick:s().func,role:s().string.isRequired,statusIconDescription:s().string,subtitle:s().node,title:s().string.isRequired},J.defaultProps={role:"alert",notificationType:"inline",iconDescription:"closes notification",onCloseButtonClick:function(){},hideCloseButton:!1};var Y=m(487),Q=m.n(Y),K=m(3643);Q()(K.Z,{insert:"head",singleton:!1});const X=K.Z.locals||{};let ee=!0,ne=0;function te({mySynchronizationIndex:e}){const{t:n}=(0,o.useTranslation)(),t=oe(e),r=re(t);return t?i.default.createElement("div",{className:X.notificationLoadingContainer},r?n("offlineActionsSynchronizationNotificationCanceling","Canceling..."):n("offlineActionsSynchronizationNotificationStatus","{current} / {total} actions",{current:t.totalCount-t.pendingCount,total:t.totalCount}),i.default.createElement(b,{small:!0,withOverlay:!1})):i.default.createElement(i.default.Fragment,null,n("offlineActionsSynchronizationNotificationSynchronized","The offline action synchronization has finished."))}function ie({mySynchronizationIndex:e}){const{t:n}=(0,o.useTranslation)(),t=oe(e),r=re(t);return t?i.default.createElement(Z,{onClick:()=>null==t?void 0:t.abortController.abort(),disabled:r},n("offlineActionsSynchronizationNotificationCancelUpload","Cancel upload")):null}function oe(n){const t=(0,e.useStore)((0,e.getOfflineSynchronizationStore)());return n===ne?t.synchronization:void 0}function re(e){var n;const t=null==e?void 0:e.abortController,[o,r]=(0,i.useState)(null!==(n=null==t?void 0:t.signal.aborted)&&void 0!==n&&n);return(0,i.useEffect)((()=>{const e=()=>r(!0);return null==t||t.signal.addEventListener("abort",e),()=>null==t?void 0:t.signal.removeEventListener("abort",e)}),[t]),o}const ae=m(3979),le={"webservices.rest":"^2.24.0"},ce={"@openmrs/esm-framework":"^3.1.13-pre.651"};function se(){const r="@openmrs/esm-offline-tools-app",a={featureName:"offline-tools",moduleName:r};return(0,e.registerOfflinePatientHandler)("esm-offline-tools-app",{displayName:"Offline tools",async onOfflinePatientAdded({patientUuid:t}){await(0,e.fetchCurrentPatient)(t,{headers:n.Q})}}),(0,e.getOfflineSynchronizationStore)().subscribe((n=>{n.synchronization||(ee=!0),ee&&n.synchronization&&(ee=!1,ne++,(0,e.showNotification)({title:(0,o.getI18n)().t("offlineActionsSynchronizationNotificationTitle","Upload"),description:i.default.createElement(te,{mySynchronizationIndex:ne}),action:i.default.createElement(ie,{mySynchronizationIndex:ne})}))})),(0,e.registerBreadcrumbs)([{path:`${window.spaBase}${n._.offlineTools}`,title:"Offline tools",parent:`${window.spaBase}${n._.home}`},{path:`${window.spaBase}${n._.offlineToolsPatients}`,title:"Offline patients",parent:`${window.spaBase}${n._.offlineTools}`},{path:`${window.spaBase}${n._.offlineToolsPatientOfflineData}`,title:"Offline data",parent:`${window.spaBase}${n._.offlineToolsPatients}`},{path:`${window.spaBase}${n._.offlineToolsActions}`,title:"Actions",parent:`${window.spaBase}${n._.offlineTools}`}]),{pages:[{load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(98),m.e(928),m.e(113),m.e(354)]).then(m.bind(m,6354))),a),route:"offline-tools",online:!0,offline:!0}],extensions:[{id:"offline-tools-link",slot:"app-menu-slot",load:(0,e.getAsyncLifecycle)((()=>m.e(283).then(m.bind(m,9194))),a),online:!0,offline:!0},{id:"offline-tools-nav-items",load:(0,e.getAsyncLifecycle)((()=>m.e(438).then(m.bind(m,5438))),{featureName:"nav-items",moduleName:r}),online:!0,offline:!0},{id:"offline-tools-confirmation-modal",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(814),m.e(218)]).then(m.bind(m,8218))),a),online:!0,offline:!0},{id:"offline-tools-page-offline-patients-link",slot:"offline-tools-page-slot",load:(0,e.getSyncLifecycle)((()=>(0,t.Z)({page:"patients",title:"Offline patients"})),a),meta:{name:"patients",slot:"offline-tools-page-offline-patients-slot"},online:!0,offline:!0},{id:"offline-tools-page-offline-patients",slot:"offline-tools-page-offline-patients-slot",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(113),m.e(471)]).then(m.bind(m,8471))),a),online:!0,offline:!0},{id:"offline-tools-page-actions-link",slot:"offline-tools-page-slot",load:(0,e.getSyncLifecycle)((()=>(0,t.Z)({page:"actions",title:"Offline actions"})),a),meta:{name:"actions",slot:"offline-tools-page-actions-slot"},online:!0,offline:!0},{id:"offline-tools-page-actions",slot:"offline-tools-page-actions-slot",load:(0,e.getAsyncLifecycle)((()=>Promise.all([m.e(860),m.e(814),m.e(98),m.e(895),m.e(113),m.e(347)]).then(m.bind(m,7347))),a),online:{canSynchronizeOfflineActions:!0},offline:{canSynchronizeOfflineActions:!1}}]}}})(),u})())}}}));