@openmrs/esm-implementer-tools-app 4.1.1-pre.547 → 4.1.1-pre.553

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 (46) hide show
  1. package/.turbo/turbo-build.log +33 -32
  2. package/dist/102.js +1 -1
  3. package/dist/102.js.map +1 -0
  4. package/dist/146.js +1 -1
  5. package/dist/146.js.map +1 -0
  6. package/dist/246.js +1 -1
  7. package/dist/246.js.map +1 -0
  8. package/dist/280.js +1 -1
  9. package/dist/280.js.map +1 -0
  10. package/dist/284.js +1 -1
  11. package/dist/284.js.map +1 -0
  12. package/dist/319.js +1 -1
  13. package/dist/369.js +1 -0
  14. package/dist/369.js.map +1 -0
  15. package/dist/406.js +1 -1
  16. package/dist/406.js.map +1 -0
  17. package/dist/466.js +1 -0
  18. package/dist/466.js.map +1 -0
  19. package/dist/531.js +1 -1
  20. package/dist/531.js.map +1 -0
  21. package/dist/574.js +1 -1
  22. package/dist/620.js +1 -1
  23. package/dist/620.js.map +1 -0
  24. package/dist/626.js +1 -1
  25. package/dist/626.js.map +1 -0
  26. package/dist/684.js +1 -1
  27. package/dist/684.js.map +1 -0
  28. package/dist/697.js +1 -1
  29. package/dist/697.js.map +1 -0
  30. package/dist/735.js +1 -1
  31. package/dist/735.js.map +1 -0
  32. package/dist/788.js +1 -1
  33. package/dist/788.js.map +1 -0
  34. package/dist/889.js +1 -1
  35. package/dist/889.js.map +1 -0
  36. package/dist/895.js +1 -0
  37. package/dist/895.js.map +1 -0
  38. package/dist/main.js +1 -1
  39. package/dist/main.js.map +1 -0
  40. package/dist/openmrs-esm-implementer-tools-app.js +1 -1
  41. package/dist/openmrs-esm-implementer-tools-app.js.buildmanifest.json +137 -76
  42. package/dist/openmrs-esm-implementer-tools-app.js.map +1 -0
  43. package/dist/openmrs-esm-implementer-tools-app.old +1 -1
  44. package/package.json +4 -4
  45. package/dist/519.js +0 -1
  46. package/dist/542.js +0 -1
package/dist/406.js CHANGED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[406],{2222:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__layout-styles__labelCell___dArEi {\n width: 12em;\n}\n\n.-esm-implementer-tools__layout-styles__structuredList___nHDsg {\n margin-bottom: 1em;\n}\n\n.-esm-implementer-tools__layout-styles__structuredListRow___BLtDK {\n border-left: 2px solid #c0c0c0;\n}\n\n.-esm-implementer-tools__layout-styles__subtreeCell___SHvAc {\n left: -6em;\n}\n",""]),o.locals={labelCell:"-esm-implementer-tools__layout-styles__labelCell___dArEi",structuredList:"-esm-implementer-tools__layout-styles__structuredList___nHDsg",structuredListRow:"-esm-implementer-tools__layout-styles__structuredListRow___BLtDK",subtreeCell:"-esm-implementer-tools__layout-styles__subtreeCell___SHvAc"};const l=o},8521:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__buttonCell___R1Z6C {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n",""]),o.locals={arrayEditor:"-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x",buttonCell:"-esm-implementer-tools__array-editor-styles__buttonCell___R1Z6C"};const l=o},7305:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n",""]),o.locals={objectEditor:"-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn",buttonCell:"-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs"};const l=o},5855:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z{height:50vh;overflow-y:auto}.-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z .cds--data-table-container{padding-top:0}",""]),o.locals={container:"-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z"};const l=o},2279:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div:hover{padding:.5rem 0}.-esm-implementer-tools__configuration-styles__tools___bgCOF{width:100%;background-color:#e0e0e0;border-bottom:1px solid #8d8d8d;border-top:1px solid #c6c6c6;z-index:2;position:sticky;top:0}.-esm-implementer-tools__configuration-styles__toolbar___8scQy{padding:1rem 1rem 0;display:flex;justify-content:space-around;align-items:center}.-esm-implementer-tools__configuration-styles__row___VwPkJ{display:flex;flex-flow:row wrap;margin:0 -1rem}.-esm-implementer-tools__configuration-styles__row___VwPkJ .cds--col{max-width:100%;flex-basis:0;flex-grow:1;width:100%;padding:0 1rem}.-esm-implementer-tools__configuration-styles__downloadLink___3-F3S{text-decoration:none;color:inherit}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1{max-height:50vh;background-color:#f4f4f4;width:100%;display:flex;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV{width:65%;overflow-x:auto;overflow-y:auto}.-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5{width:35%;background-color:#e0e0e0;color:#424242;padding:1rem 2em;font-size:12pt;overflow-wrap:break-word;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV .cds--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end;padding:.25rem}.-esm-implementer-tools__configuration-styles__toggleButtons___22YaP{display:flex;align-items:center;justify-content:space-evenly}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW{display:flex;align-items:center;justify-content:flex-end}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW>button{margin:0 1rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc",productiveHeading02:"-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5",bodyShort01:"-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE",toolStyles:"-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ",chevronImplementerToolsButton:"-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",row:"-esm-implementer-tools__configuration-styles__row___VwPkJ",downloadLink:"-esm-implementer-tools__configuration-styles__downloadLink___3-F3S",mainContent:"-esm-implementer-tools__configuration-styles__mainContent___JDOc1",configTreePane:"-esm-implementer-tools__configuration-styles__configTreePane___dyEjV",descriptionPane:"-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5",toggleToolbarButton:"-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN",toggleButtons:"-esm-implementer-tools__configuration-styles__toggleButtons___22YaP",actionButtons:"-esm-implementer-tools__configuration-styles__actionButtons___lULMW"};const l=o},1860:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS .cds--accordion__content{padding-right:0}",""]),o.locals={fullWidthAccordion:"-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS"};const l=o},9306:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__description-styles__productiveHeading01___6zM8b{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div:hover{padding:.5rem 0}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0);margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-style:italic;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__value___9KSGb{font-family:monospace;margin-top:.5rem;margin-left:.5rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__description-styles__productiveHeading01___6zM8b",productiveHeading02:"-esm-implementer-tools__description-styles__productiveHeading02___dAkbG",bodyShort01:"-esm-implementer-tools__description-styles__bodyShort01___T+WDt",toolStyles:"-esm-implementer-tools__description-styles__toolStyles___+GHGB",chevronImplementerToolsButton:"-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq",path:"-esm-implementer-tools__description-styles__path___BdmUc",description:"-esm-implementer-tools__description-styles__description___TP6ml",source:"-esm-implementer-tools__description-styles__source___nn6eY",value:"-esm-implementer-tools__description-styles__value___9KSGb"};const l=o},6350:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__display-value__productiveHeading01___qSdMY{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div:hover{padding:.5rem 0}.-esm-implementer-tools__display-value__smallListCell___3vXBH{padding:.5rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__display-value__productiveHeading01___qSdMY",productiveHeading02:"-esm-implementer-tools__display-value__productiveHeading02___Ro0Of",bodyShort01:"-esm-implementer-tools__display-value__bodyShort01___P2Yo4",toolStyles:"-esm-implementer-tools__display-value__toolStyles___Z5Xd1",chevronImplementerToolsButton:"-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp",smallListCell:"-esm-implementer-tools__display-value__smallListCell___3vXBH"};const l=o},7960:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div:hover{padding:.5rem 0}.-esm-implementer-tools__editable-value-styles__secretButton___5sr2R{background:none;color:#474b6b;border:none;font:inherit;text-align:left}.-esm-implementer-tools__editable-value-styles__error___e3i8X{margin-left:1em;color:orange;font-size:11pt}.-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS{color:#2020a0}.-esm-implementer-tools__editable-value-styles__elementValue___mABUA{display:flex;align-items:center}.-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U{margin-left:1rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V",productiveHeading02:"-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2",bodyShort01:"-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp",toolStyles:"-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq",chevronImplementerToolsButton:"-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST",secretButton:"-esm-implementer-tools__editable-value-styles__secretButton___5sr2R",error:"-esm-implementer-tools__editable-value-styles__error___e3i8X",overriddenValue:"-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS",elementValue:"-esm-implementer-tools__editable-value-styles__elementValue___mABUA",editValueButton:"-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U"};const l=o},3330:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__value-editor__productiveHeading01___t4lXG{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div:hover{padding:.5rem 0}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ{margin-top:.5rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__value-editor__productiveHeading01___t4lXG",productiveHeading02:"-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R",bodyShort01:"-esm-implementer-tools__value-editor__bodyShort01___97nqC",toolStyles:"-esm-implementer-tools__value-editor__toolStyles___3pcG7",chevronImplementerToolsButton:"-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT+1",valueEditorButtons:"-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ"};const l=o},7047:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div:hover{padding:.5rem 0}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#161616;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.-esm-implementer-tools__uuid-search__autocomplete___Femfx,.-esm-implementer-tools__uuid-search__autocomplete___Femfx>[role=combobox]{position:relative;width:20em}.-esm-implementer-tools__uuid-search__listbox___4v5pq{box-shadow:0 0 .5rem}.-esm-implementer-tools__uuid-search__smallListCell___ibH1k{padding:.5rem}.-esm-implementer-tools__uuid-search__loader___ZBUIr{margin:1rem}.-esm-implementer-tools__uuid-search__emptyResults___EWCen{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);background-color:#fff;color:#525252;min-height:1rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI",productiveHeading02:"-esm-implementer-tools__uuid-search__productiveHeading02___c2158",bodyShort01:"-esm-implementer-tools__uuid-search__bodyShort01___iqDKX",toolStyles:"-esm-implementer-tools__uuid-search__toolStyles___iEsKx",chevronImplementerToolsButton:"-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp",activeUuid:"-esm-implementer-tools__uuid-search__activeUuid___P5DQe",autocomplete:"-esm-implementer-tools__uuid-search__autocomplete___Femfx",listbox:"-esm-implementer-tools__uuid-search__listbox___4v5pq",smallListCell:"-esm-implementer-tools__uuid-search__smallListCell___ibH1k",loader:"-esm-implementer-tools__uuid-search__loader___ZBUIr",emptyResults:"-esm-implementer-tools__uuid-search__emptyResults___EWCen"};const l=o},5961:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".-esm-implementer-tools__frontend-modules__container___ZLxli{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___ZLxli .cds--data-table-container{padding-top:0}",""]),o.locals={container:"-esm-implementer-tools__frontend-modules__container___ZLxli"};const l=o},2890:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(361),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__popup-styles__productiveHeading01___4leaH{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div:hover{padding:.5rem 0}.-esm-implementer-tools__popup-styles__popup___0bVnN{position:fixed;bottom:0;left:0;width:100%;z-index:100000;background-color:#e0e0e0;border-top:2px solid #161616;color:#161616;box-sizing:border-box}.-esm-implementer-tools__popup-styles__content___MAVBS{width:100%;height:50vh}.-esm-implementer-tools__popup-styles__tabs___goPOI{width:30em;overflow-x:hidden;overflow-y:auto;position:relative}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2;background:#e0e0e0;padding:.25rem}",""]),o.locals={productiveHeading01:"-esm-implementer-tools__popup-styles__productiveHeading01___4leaH",productiveHeading02:"-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm",bodyShort01:"-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz",toolStyles:"-esm-implementer-tools__popup-styles__toolStyles___d1S8B",chevronImplementerToolsButton:"-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5",popup:"-esm-implementer-tools__popup-styles__popup___0bVnN",content:"-esm-implementer-tools__popup-styles__content___MAVBS",tabs:"-esm-implementer-tools__popup-styles__tabs___goPOI",topBar:"-esm-implementer-tools__popup-styles__topBar___Qn+FU"};const l=o},8406:(e,t,n)=>{n.r(t),n.d(t,{default:()=>xt});var r=n(5776),o=n.n(r),l=n(3684),a=n(1102),i=n(2680),s=n(7414),c=n(7576),u=n(5259),m=n(8403),d=n(8478),_=n(487),p=n.n(_),f=n(631),g=n.n(f),y=n(2052),v=n.n(y),h=n(4010),b=n.n(h),E=n(1469),S=n.n(E),w=n(9329),x=n.n(w),T=n(1860),I={};I.styleTagTransform=x(),I.setAttributes=b(),I.insert=v().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=S(),p()(T.Z,I);const A=T.Z&&T.Z.locals?T.Z.locals:void 0;var O=n(988),j=n(323),C=n(7960),k={};k.styleTagTransform=x(),k.setAttributes=b(),k.insert=v().bind(null,"head"),k.domAPI=g(),k.insertStyleElement=S(),p()(C.Z,k);const N=C.Z&&C.Z.locals?C.Z.locals:void 0;var Z=n(8290),P=n(7474),z=n(4610),B=n(611),M=n(8521),H={};H.styleTagTransform=x(),H.setAttributes=b(),H.insert=v().bind(null,"head"),H.domAPI=g(),H.insertStyleElement=S(),p()(M.Z,H);const U=M.Z&&M.Z.locals?M.Z.locals:void 0;function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(){return L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},L.apply(this,arguments)}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){F(e,t,n[t])}))}return e}function V(e){var t,n=e.element,a=e.valueArray,i=e.setValue,c=(0,r.useMemo)((function(){return(0,P.Z)("array-editor-")}),[]);return o().createElement(l.n9L,{className:U.arrayEditor},o().createElement(l.x4x,null,o().createElement(l.FxI,null,a.map((function(e,r){var m,d,_;return o().createElement(l.s1N,{key:"".concat(c,"-").concat(r)},o().createElement(l.agF,null,o().createElement(ye,{element:(d=D({},n._elements),_={_value:e,_source:n._source},_=null!=_?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(_)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(_)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(_,e))})),d),valueType:null!==(t=null===(m=n._elements)||void 0===m?void 0:m._type)&&void 0!==t?t:z.Type.Object,value:e,onChange:function(e){var t=(0,u.Z)(a);t[r]=e,i(t)}})),o().createElement(l.agF,{className:U.buttonCell},o().createElement(l.zxk,{renderIcon:function(e){return o().createElement(s.ZN,L({},e,{size:16}))},size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var e=(0,u.Z)(a);e.splice(r,1),i(e)}})))})),o().createElement(l.s1N,null,o().createElement(l.agF,null,o().createElement(l.zxk,{renderIcon:function(e){return o().createElement(B.mm,L({},e,{size:16}))},size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var e,t,r=(0,u.Z)(a),o=(null!==(t=null===(e=n._elements)||void 0===e?void 0:e._type)&&void 0!==t?t:z.Type.Object)==z.Type.Object?{}:null;r.push(o),i(r)}}))))))}var R=n(6455),q=n(7047),J={};J.styleTagTransform=x(),J.setAttributes=b(),J.insert=v().bind(null,"head"),J.domAPI=g(),J.insertStyleElement=S(),p()(q.Z,J);const K=q.Z&&q.Z.locals?q.Z.locals:void 0;function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}(e,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.")}()}function Y(e){var t=e.setConcept,n=e.value,a=(0,i.useTranslation)().t,s=(0,r.useMemo)((function(){return(0,P.Z)()}),[]),c=W((0,r.useState)(""),2),u=c[0],m=c[1],d=W((0,r.useState)(n),2),_=d[0],p=d[1],f=function(e){var t,n,r="/ws/rest/v1/concept/?q=".concat(e),o=(0,R.ZP)(e?r:null,z.openmrsFetch),l=o.data,a=o.error;return{concepts:null!==(n=null==l||null===(t=l.data)||void 0===t?void 0:t.results)&&void 0!==n?n:[],error:a,isSearchingConcepts:!a&&!l}}(u),g=f.concepts,y=f.isSearchingConcepts;return o().createElement("div",null,_&&o().createElement("p",{className:K.activeUuid},_),o().createElement("div",{className:K.autocomplete},o().createElement(l.olm,{id:"searchbox-".concat(s),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":a("searchConceptHelperText","Search concepts"),"aria-controls":"searchbox-".concat(s),"aria-expanded":g.length>0,placeholder:a("searchConceptHelperText","Search concepts"),onChange:function(e){m(e.target.value)}}),u?y?o().createElement(l.lSo,{className:K.loader,description:a("searching","Searching")+"..."}):g&&g.length&&!y?o().createElement(l.x4x,{selection:!0,id:"searchbox-".concat(s),className:K.listbox},g.map((function(e){return o().createElement(l.s1N,{key:e.uuid,role:"option","aria-selected":"true"},o().createElement(l.agF,{onClick:function(){!function(e){p(e.uuid),t(e),m("")}(e)},className:K.smallListCell},e.display))}))):o().createElement(l.n9L,{className:K.emptyResults},o().createElement("span",null,a("noConceptsFoundText","No matching concepts found"))):null))}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var X=(0,d.getExtensionInternalStore)();function Q(e){var t,n,a=e.value,i=e.setValue,s=(t=(0,r.useState)([]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(t,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.")}()),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e=function(e){u(Object.keys(e.extensions))};return e(X.getState()),X.subscribe(e)}),[]),o().createElement(l.NUq.Filterable,{id:"add-select",items:c.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return i(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:a})}function ee(e){var t=e.slotName,n=(e.slotModuleName,e.value),r=e.setValue,a=(0,z.useAssignedExtensions)(t).map((function(e){return e.id}));return o().createElement(l.NUq.Filterable,{id:"add-select",items:a.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return r(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:n})}var te=n(7305),ne={};ne.styleTagTransform=x(),ne.setAttributes=b(),ne.insert=v().bind(null,"head"),ne.domAPI=g(),ne.insertStyleElement=S(),p()(te.Z,ne);const re=te.Z&&te.Z.locals?te.Z.locals:void 0;function oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function le(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ae(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){le(e,t,n[t])}))}return e}function ie(e){var t=e.element,n=e.valueObject,r=e.setValue;return o().createElement(l.n9L,{className:re.objectEditor},o().createElement(l.x4x,null,o().createElement(l.FxI,null,Object.entries(t).map((function(e){var a,i,s,c,m=(i=2,function(e){if(Array.isArray(e))return e}(a=e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(a,i)||function(e,t){if(e){if("string"==typeof e)return oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(e,t):void 0}}(a,i)||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.")}()),d=m[0],_=m[1];return d.startsWith("_")?null:o().createElement(l.s1N,{key:d},o().createElement(l.agF,null,o().createElement(ye,{element:{_value:d,_source:t._source},valueType:z.Type.String,value:d,onChange:function(e){var t=(0,u.Z)(n);t[e]=(0,u.Z)(n[d]),delete t[d],r(t)}})),o().createElement(l.agF,null,o().createElement(ye,{element:(s=ae({},_),c={_value:n[d],_source:t._source},c=null!=c?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(c)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(c,e))})),s),valueType:_._type,value:n[d],onChange:function(e){var t=(0,u.Z)(n);t[d]=e,r(t)}})))})))))}function se(e){return e.slotName,e.slotModuleName,e.value,e.setValue,o().createElement("div",null,"Todo: compose array with extension lookup")}var ce=n(753);function ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function me(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ue(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ue(e,t):void 0}}(e,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.")}()}function de(e){var t=e.setPersonAttributeUuid,n=e.value,a=me((0,r.useState)(""),2),s=a[0],c=a[1],u=me((0,r.useState)([]),2),m=u[0],d=u[1],_=me((0,r.useState)(n),2),p=_[0],f=_[1],g=(0,i.useTranslation)().t,y=(0,r.useMemo)((function(){return(0,P.Z)()}),[]),v=(0,ce.Z)((function(e){c(e)}),300);return(0,r.useEffect)((function(){var e,t=new AbortController;return s&&s.length>=2?(e=s,(0,z.openmrsFetch)("/ws/rest/v1/personattributetype/?q=".concat(e),{method:"GET"})).then((function(e){var t=e.data.results;d(t.slice(0,9))})):d([]),function(){return t.abort()}}),[s]),o().createElement("div",null,p&&o().createElement("p",{className:K.activeUuid},p),o().createElement("div",{className:K.autocomplete},o().createElement(l.olm,{id:"search-input-".concat(y),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":g("searchPersonAttributeHelperText","Person attribute type name"),"aria-controls":"searchbox-".concat(y),"aria-expanded":m.length>0,placeholder:g("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){v(e.target.value)}}),!!m.length&&o().createElement(l.x4x,{selection:!0,className:K.listbox,id:"searchbox-".concat(y)},m.map((function(e){return o().createElement(l.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){f(e.uuid),c(""),d([]),t(e.uuid)}(e)},"aria-selected":"true"},o().createElement(l.agF,{className:K.smallListCell},e.display))}))),s&&m&&!m.length&&o().createElement("p",{className:K.bodyShort01},g("noPersonAttributeFoundText","No matching results found"))))}function _e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_e(e,t):void 0}}(e,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.")}()}function fe(e){var t=e.setPatientIdentifierTypeUuid,n=e.value,a=pe((0,r.useState)(""),2),s=a[0],c=a[1],u=function(){var e=(0,R.ZP)("/ws/rest/v1/patientidentifiertype",z.openmrsFetch),t=e.data,n=e.error,o=(0,r.useMemo)((function(){var e;return{data:null==t||null===(e=t.data)||void 0===e?void 0:e.results,isLoading:!t&&!n}}),[t,n]);return o}(),m=u.data,d=u.isLoading,_=pe((0,r.useState)(n),2),p=_[0],f=_[1],g=(0,i.useTranslation)().t,y=(0,r.useMemo)((function(){return(0,P.Z)()}),[]),v=(0,r.useMemo)((function(){return!d&&s&&""!==s?null==m?void 0:m.filter((function(e){return e.display.toLowerCase().includes(s.toLowerCase())})):void 0}),[d,s,m]);return o().createElement("div",null,p&&o().createElement("p",{className:K.activeUuid},p),o().createElement("div",{className:K.autocomplete},o().createElement(l.olm,{id:"search-input-".concat(y),labelText:"",type:"text",size:"sm",placeholder:d?g("loading","Loading"):g("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){return c(e.target.value)},value:s,disabled:d}),s?(null==v?void 0:v.length)?o().createElement(l.x4x,{selection:!0,className:K.listbox,id:"searchbox-".concat(y)},null==v?void 0:v.map((function(e){return o().createElement(l.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){f(e.uuid),t(e.uuid),c("")}(e)},"aria-selected":"true"},o().createElement(l.agF,{className:K.smallListCell},e.display))}))):o().createElement("p",{className:K.bodyShort01},g("noPersonAttributeFoundText","No matching results found")):null))}function ge(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ye(e){var t,n,a=e.element,i=e.path,s=e.valueType,c=e.value,u=e.onChange,m=(t=(0,r.useState)((0,P.Z)("value-editor-")),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return ge(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ge(e,t):void 0}}(t,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.")}())[0];if("remove"===s&&!i)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return s===z.Type.Array?o().createElement(V,{element:a,valueArray:c,setValue:u}):s===z.Type.Boolean?o().createElement(l.XZJ,{id:m,checked:c,hideLabel:!0,labelText:"",onChange:function(e,t){var n=t.checked;return t.id,u(n)}}):s===z.Type.ConceptUuid?o().createElement(Y,{value:c,setConcept:function(e){return u(e.uuid)}}):s===z.Type.PersonAttributeTypeUuid?o().createElement(de,{value:c,setPersonAttributeUuid:function(e){return u(e)}}):s===z.Type.PatientIdentifierTypeUuid?o().createElement(fe,{value:c,setPatientIdentifierTypeUuid:function(e){return u(e)}}):s===z.Type.Number?o().createElement(l.Y2U,{id:m,value:c,onChange:function(e,t){var n=t.value;return u(n?parseInt(n):0)},hideSteppers:!0}):s===z.Type.String||s===z.Type.UUID?o().createElement(l.oil,{id:m,value:c,labelText:"",onChange:function(e){return u(e.target.value)}}):"add"===s?o().createElement(Q,{value:null!=c?c:a._value,setValue:u}):"remove"===s&&i?o().createElement(ee,{slotName:i[2],slotModuleName:i[0],value:null!=c?c:a._value,setValue:u}):"order"===s&&i?o().createElement(se,{slotName:i[2],slotModuleName:i[0],value:null!=c?c:a._value,setValue:u}):"configure"===s&&i?o().createElement(o().Fragment,null,"Todo"):o().createElement(ie,{element:a,valueObject:c,setValue:u})}var ve=n(3330),he={};he.styleTagTransform=x(),he.setAttributes=b(),he.insert=v().bind(null,"head"),he.domAPI=g(),he.insertStyleElement=S(),p()(ve.Z,he);const be=ve.Z&&ve.Z.locals?ve.Z.locals:void 0;function Ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Se(){return Se=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Se.apply(this,arguments)}function we(e){var t,n,s=e.element,c=e.customType,u=e.path,m=e.handleSave,d=e.handleClose,_=(0,r.useRef)(null),p=(t=(0,r.useState)(s._value),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return Ee(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ee(e,t):void 0}}(t,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.")}()),f=p[0],g=p[1],y=(0,i.useTranslation)().t,v=null!=c?c:s._type,h=function(e){"Escape"===e.key?d():"Enter"===e.key&&m(JSON.stringify(f))};return(0,r.useEffect)((function(){return document.addEventListener("keyup",h),function(){document.removeEventListener("keyup",h)}}),[f]),o().createElement("div",{ref:_,style:{display:"inherit"}},o().createElement(ye,{element:s,path:u,value:f,onChange:g,valueType:v}),o().createElement("div",{className:be.valueEditorButtons},o().createElement(l.zxk,{renderIcon:function(e){return o().createElement(Z.vc,Se({},e,{size:16}))},kind:"primary",onClick:function(){return m(JSON.stringify(f))}},y("saveValueButtonText","Save")),o().createElement(l.zxk,{renderIcon:function(e){return o().createElement(a.x8,Se({},e,{size:16}))},kind:"secondary",onClick:d},y("cancelButtonText","Cancel"))))}var xe=n(1004),Te=n(6350),Ie={};Ie.styleTagTransform=x(),Ie.setAttributes=b(),Ie.insert=v().bind(null,"head"),Ie.domAPI=g(),Ie.insertStyleElement=S(),p()(Te.Z,Ie);const Ae=Te.Z&&Te.Z.locals?Te.Z.locals:void 0;function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function je(e){var t=e.value;return o().createElement("div",null,Array.isArray(t)?"object"==typeof t[0]?t.map((function(e,t){return o().createElement(l.s1N,{key:"".concat(e,"-").concat(t)},o().createElement(l.agF,{className:Ae.smallListCell},t+1),o().createElement(l.agF,{className:Ae.smallListCell},o().createElement(je,{value:e})))})):"[ ".concat(t.join(", ")," ]"):"object"==typeof t&&null!==t?Object.entries(t).map((function(e,t){var n=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e,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.")}()}(e,2),r=n[0],a=n[1];return o().createElement(l.s1N,{key:"".concat(r,"-").concat(t)},o().createElement(l.agF,{className:Ae.smallListCell},r),o().createElement(l.agF,{className:Ae.smallListCell},o().createElement(je,{value:a})))})):"string"==typeof t||"number"==typeof t?t:null==t?"none":JSON.stringify(t))}function Ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ke(){return ke=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ke.apply(this,arguments)}function Ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||Pe(e,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.")}()}function Ze(e){return function(e){if(Array.isArray(e))return Ce(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Pe(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Pe(e,t){if(e){if("string"==typeof e)return Ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,t):void 0}}function ze(e){var t=e.path,n=e.element,a=e.customType,s=Ne((0,r.useState)(),2),m=s[0],_=s[1],p=Ne((0,r.useState)(!1),2),f=p[0],g=p[1],y=Ne((0,r.useState)(null),2),v=y[0],h=y[1],b=(0,r.useRef)(null),E=(0,i.useTranslation)().t,S=function(){g(!1),h(null)};return(0,r.useEffect)((function(){var e=function(e){e.configPathBeingEdited&&(0,O.Z)(e.configPathBeingEdited,t)&&b&&b.current&&(g(!0),b.current.focus())};return e(xe.wT.getState()),xe.wT.subscribe(e)}),[]),(0,r.useEffect)((function(){var e=xe.wT.getState();f&&!(0,O.Z)(e.configPathBeingEdited,t)&&xe.wT.setState({configPathBeingEdited:t,activeItemDescription:{path:t,source:n._source,description:n._description,value:m}}),!f&&(0,O.Z)(e.configPathBeingEdited,t)&&xe.wT.setState({configPathBeingEdited:null})}),[f]),o().createElement(o().Fragment,null,o().createElement("div",{className:N.line},f?o().createElement(o().Fragment,null,o().createElement(we,{element:n,customType:a,path:t,handleClose:S,handleSave:function(e){try{var n=JSON.parse(e),r=Be((0,u.Z)(d.temporaryConfigStore.getState()),["config"].concat(Ze(t)),n);d.temporaryConfigStore.setState(r),_(e),S()}catch(e){console.warn(e),h("That's not formatted quite right. Try again.")}}})):o().createElement("div",{className:N.elementValue},o().createElement(je,{value:n._value}),o().createElement(l.zxk,{kind:"ghost",size:"sm",iconDescription:E("editValueButtonText","Edit"),onClick:function(){return g(!0)},ref:b,renderIcon:function(e){return o().createElement(c.I8,ke({size:16},e))},hasIconOnly:!0}),"temporary config"==n._source?o().createElement(l.zxk,{renderIcon:function(e){return o().createElement(Z.AG,ke({size:16},e))},size:"sm",kind:"ghost",iconDescription:E("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){d.temporaryConfigStore.setState((0,j.Z)(d.temporaryConfigStore.getState(),["config"].concat(Ze(t))))}}):null),v&&o().createElement("div",{className:N.error},v)))}function Be(e,t,n){var r;return t.length>1?e[t[0]]=Be(null!==(r=e[t[0]])&&void 0!==r?r:{},t.slice(1),n):e[t[0]]=n,e}function Me(e){var t=e.moduleName,n=e.slotName,r=e.config;return o().createElement(ze,{path:[t,n,"configure"],element:r&&Object.keys(r).length?{_value:r,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var He=n(2222),Ue={};Ue.styleTagTransform=x(),Ue.setAttributes=b(),Ue.insert=v().bind(null,"head"),Ue.domAPI=g(),Ue.insertStyleElement=S(),p()(He.Z,Ue);const Fe=He.Z&&He.Z.locals?He.Z.locals:void 0;function Le(e){var t=e.leaf,n=e.label,r=e.children,a=e.onMouseEnter,i=e.onMouseLeave;return t?o().createElement(l.s1N,{className:Fe.structuredListRow,onMouseEnter:a,onMouseLeave:i},o().createElement(l.agF,{className:Fe.labelCell},n),o().createElement(l.agF,null,r)):o().createElement(o().Fragment,null,o().createElement(l.s1N,{className:Fe.structuredListRow,onMouseEnter:a,onMouseLeave:i},o().createElement(l.agF,{className:Fe.labelCell},n),o().createElement(l.agF,null)),o().createElement(l.s1N,{className:Fe.structuredListRow},o().createElement(l.agF,null),o().createElement(l.agF,{className:Fe.subtreeCell},o().createElement(l.x4x,{className:Fe.structuredList},o().createElement(l.FxI,null,r)))))}function De(e){var t=e.extensionsConfig,n=e.moduleName;return t&&Object.keys(t).length?o().createElement(Le,{label:"extension slots",leaf:!1},Object.keys(t).map((function(e){return o().createElement(Ve,{key:e,config:null==t?void 0:t[e],path:[n,"extensionSlots",e]})}))):null}function Ve(e){var t,n=e.config,r=e.path,l=function(e){var t,n=xe.wT.getState();(0,O.Z)(null===(t=n.activeItemDescription)||void 0===t?void 0:t.path,e)&&!(0,O.Z)(n.configPathBeingEdited,e)&&xe.wT.setState({activeItemDescription:void 0})},a=r[0],i=r[2],s=(0,z.useAssignedExtensions)(i);return o().createElement(Le,{label:i,leaf:!1,onMouseEnter:function(){return function(e,t){xe.wT.getState().configPathBeingEdited||xe.wT.setState({activeItemDescription:{path:[e,t],value:s.map((function(e){return e.id}))}})}(a,i)},onMouseLeave:function(){return l([a,i])}},["add","remove","order","configure"].map((function(e){var s;return o().createElement(Le,{label:e,key:r.join(".")+e,leaf:!0,onMouseEnter:function(){return function(e,t,n,r){xe.wT.getState().configPathBeingEdited||xe.wT.setState({activeItemDescription:{path:[e,t,n],source:null==r?void 0:r._source,description:{add:"Add an extension to this slot.",remove:"Remove an extension from this slot.",order:"Reorder the extensions in this slot.",configure:"Pass a configuration object directly to one of the extensions in this slot."}[n],value:JSON.stringify(null==r?void 0:r._value)}})}(a,i,e,null==n?void 0:n[e])},onMouseLeave:function(){return l([a,i,e])}},"configure"===e?o().createElement(Me,{moduleName:a,slotName:i,config:null==n||null===(s=n.configure)||void 0===s?void 0:s._value}):o().createElement(ze,{path:r.concat([e]),element:null!==(t=null==n?void 0:n[e])&&void 0!==t?t:{_value:void 0,_source:"default",_default:[]},customType:e}))})))}function Re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function qe(e){var t=e.config,n=e.path,r=void 0===n?[]:n;return o().createElement(o().Fragment,null,Object.entries(t).map((function(e,t){var n=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Re(e,t):void 0}}(e,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.")}()}(e,2),l=n[0],a=n[1],i=r.concat([l]),s=a.hasOwnProperty("_value")||a.hasOwnProperty("_type");return o().createElement(Le,{label:l,leaf:s,onMouseEnter:function(){return function(e,t,n){xe.wT.getState().configPathBeingEdited||xe.wT.setState({activeItemDescription:{path:e,source:n._source,description:n._description,value:JSON.stringify(n._value)}})}(i,0,a)},onMouseLeave:function(){return function(e){var t,n=xe.wT.getState();(0,O.Z)(null===(t=n.activeItemDescription)||void 0===t?void 0:t.path,e)&&!(0,O.Z)(n.configPathBeingEdited,e)&&xe.wT.setState({activeItemDescription:void 0})}(i)},key:"subtree-".concat(i.join("."))},s?o().createElement(ze,{path:i,element:a}):o().createElement(qe,{config:a,path:i}))})))}var Je=n(8180);function Ke(e){var t=e.children;return o().createElement(l.x4x,{className:Fe.structuredList},o().createElement(l.FxI,null,t))}function Ge(e){var t=e.config,n=e.moduleName;return o().createElement(Ke,null,o().createElement(De,{extensionsConfig:t.extensionSlots,moduleName:n}),o().createElement(qe,{config:(0,Je.Z)(t,(function(e,t){return"extensionSlots"!==t})),path:[n]}))}function We(e){var t=e.config;return o().createElement(l.UQy,{align:"start"},t&&Object.keys(t).sort().map((function(e){var n=t[e];return Object.keys(n).length?o().createElement(l.Qdk,{title:o().createElement("h6",null,e),className:A.fullWidthAccordion,key:"accordion-".concat(e)},o().createElement(Ge,{config:n,moduleName:e,key:"".concat(e,"-config")})):null})))}var Ye=n(9306),$e={};$e.styleTagTransform=x(),$e.setAttributes=b(),$e.insert=v().bind(null,"head"),$e.domAPI=g(),$e.insertStyleElement=S(),p()(Ye.Z,$e);const Xe=Ye.Z&&Ye.Z.locals?Ye.Z.locals:void 0;function Qe(){var e=(0,i.useTranslation)().t,t=(0,z.useStore)(xe.wT).activeItemDescription;return o().createElement("div",null,t?o().createElement(o().Fragment,null,o().createElement("h2",{className:Xe.path},t.path.slice(1).join(" → ")),o().createElement("p",{className:Xe.description},t.description),o().createElement("p",{className:Xe.source},"default"===t.source?o().createElement(o().Fragment,null,e("itemDescriptionSourceDefaultText","The current value is the default.")):t.source?o().createElement(o().Fragment,null,e("activeItemSourceText","The current value comes from "),t.source):null),t.value?o().createElement("h4",{className:Xe.productiveHeading01},e("value","Value")):null,o().createElement("p",{className:Xe.value},Array.isArray(t.value)?t.value.map((function(e,t){return o().createElement("p",{key:"".concat(e,"-").concat(t)},e)})):t.value)):null)}var et=n(2279),tt={};tt.styleTagTransform=x(),tt.setAttributes=b(),tt.insert=v().bind(null,"head"),tt.domAPI=g(),tt.insertStyleElement=S(),p()(et.Z,tt);const nt=et.Z&&et.Z.locals?et.Z.locals:void 0;function rt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ot(){return ot=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ot.apply(this,arguments)}var lt=o().lazy((function(){return Promise.all([n.e(620),n.e(531)]).then(n.bind(n,8531))})),at={toggleIsUIEditorEnabled:function(e){return{isUIEditorEnabled:!e.isUIEditorEnabled}},toggleIsToolbarOpen:function(e){return{isConfigToolbarOpen:!e.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(e){return{isJsonModeEnabled:!e.isJsonModeEnabled}}},it=function(e){var t=e.isConfigToolbarOpen,n=e.toggleIsToolbarOpen;return o().createElement(l.zxk,{hasIconOnly:!0,renderIcon:t?a.Kh:a._M,onClick:n,kind:"ghost",size:"sm",tooltipPosition:"left",iconDescription:"".concat(t?"Hide":"Show"," toolbar")})},st=function(){var e,t,n=(0,i.useTranslation)().t,a=(0,d.useStoreWithActions)(xe.wT,at),_=a.isUIEditorEnabled,p=a.toggleIsUIEditorEnabled,f=a.isJsonModeEnabled,g=a.toggleIsJsonModeEnabled,y=a.isConfigToolbarOpen,v=a.toggleIsToolbarOpen,h=(0,d.useStore)(d.implementerToolsConfigStore).config,b=(0,d.useStore)((0,d.getExtensionInternalStore)()),E=(0,d.useStore)(d.temporaryConfigStore),S=(e=(0,r.useState)(""),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return rt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?rt(e,t):void 0}}(e,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.")}()),w=S[0],x=S[1],T=E.config,I=new Blob([JSON.stringify(T,void 0,2)],{type:"application/json"}),A=(0,r.useMemo)((function(){var e=(0,u.Z)(h),t=!0,n=!1,r=void 0;try{for(var o,l=Object.values(b.slots)[Symbol.iterator]();!(t=(o=l.next()).done);t=!0){var a=o.value;a.moduleName&&(e[a.moduleName].extensionSlots||(e[a.moduleName].extensionSlots={}),e[a.moduleName].extensionSlots[a.name]||(e[a.moduleName].extensionSlots[a.name]={}))}}catch(e){n=!0,r=e}finally{try{t||null==l.return||l.return()}finally{if(n)throw r}}return e}),[h,b]),O=(0,r.useMemo)((function(){return w?function e(t,n){var r,o={},l=!0,a=!1,i=void 0;try{for(var s,c=Object.keys(t)[Symbol.iterator]();!(l=(s=c.next()).done);l=!0){var d=s.value;if(d.includes(n))o[d]=(0,u.Z)(t[d]);else if(!((r=t[d]).hasOwnProperty("_default")||r._type||r.hasOwnProperty("_value")||r.hasOwnProperty("_source"))){var _=e(t[d],n);(0,m.Z)(_)||(o[d]=_)}}}catch(e){a=!0,i=e}finally{try{l||null==c.return||c.return()}finally{if(a)throw i}}return o}(A,w):A}),[w,A]),j=y?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return o().createElement(o().Fragment,null,o().createElement("div",{className:nt.tools},o().createElement("div",{className:nt.toggleToolbarButton},o().createElement(it,{isConfigToolbarOpen:y,toggleIsToolbarOpen:v})),y?o().createElement(l.J$U,{style:{padding:"0.5em 1.5em"}},o().createElement(l.X2j,{className:nt.row},o().createElement(l.sgG,null,o().createElement(l.oil,{id:"extensionSearch",labelText:"Search configuration",onChange:function(e){return x(e.target.value)}})),o().createElement(l.sgG,{className:nt.toggleButtons},o().createElement(l.ZDl,{className:nt.toggle,id:"jsonModeSwitch",labelText:n("jsonEditor","JSON Editor"),onToggle:g,toggled:f}),o().createElement(l.ZDl,{className:nt.toggle,id:"uiEditorSwitch",labelText:n("uiEditor","UI Editor"),toggled:_,onToggle:p})),o().createElement(l.sgG,{className:nt.actionButtons},o().createElement(l.zxk,{kind:"danger",iconDescription:"Clear local config",renderIcon:function(e){return o().createElement(s.ZN,ot({size:16},e))},onClick:function(){d.temporaryConfigStore.setState({config:{}})}},n("clearConfig","Clear Local Config")),o().createElement(l.zxk,{kind:"secondary",iconDescription:"Download config",renderIcon:function(e){return o().createElement(c.UW,ot({size:16},e))}},o().createElement("a",{className:nt.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(I)},n("downloadConfig","Download Config")))))):null),o().createElement("div",{className:nt.mainContent,style:{height:j}},f?o().createElement(lt,{height:j}):o().createElement(o().Fragment,null,o().createElement("div",{className:nt.configTreePane},o().createElement(We,{config:O})),o().createElement("div",{className:nt.descriptionPane},o().createElement(Qe,null)))))},ct=n(5961),ut={};ut.styleTagTransform=x(),ut.setAttributes=b(),ut.insert=v().bind(null,"head"),ut.domAPI=g(),ut.insertStyleElement=S(),p()(ct.Z,ut);const mt=ct.Z&&ct.Z.locals?ct.Z.locals:void 0;function dt(){return dt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},dt.apply(this,arguments)}var _t=function(e){var t,n=e.frontendModules,a=(0,i.useTranslation)().t,s=(0,r.useMemo)((function(){return[{key:"name",header:a("moduleName","Module Name")},{key:"installedVersion",header:a("installedVersion","Installed Version")}]}),[a]);return o().createElement("div",{className:mt.container},o().createElement(l.wQF,{rows:[],headers:s},(function(e){var r=e.headers,i=e.getTableProps,s=e.getHeaderProps;return o().createElement(l.xJi,{title:""},o().createElement(l.iA_,dt({},i()),o().createElement(l.ssF,null,o().createElement(l.SCH,null,r.map((function(e){return o().createElement(l.xDH,dt({},s({header:e})),e.header)})))),o().createElement(l.RMI,null,n.map((function(e){return o().createElement(l.SCH,{key:e.name},o().createElement(l.pj1,null,e.name),o().createElement(l.pj1,null,null!==(t=e.version)&&void 0!==t?t:a("unknownVersion","unknown")))})))))})))},pt=n(5855),ft={};ft.styleTagTransform=x(),ft.setAttributes=b(),ft.insert=v().bind(null,"head"),ft.domAPI=g(),ft.insertStyleElement=S(),p()(pt.Z,ft);const gt=pt.Z&&pt.Z.locals?pt.Z.locals:void 0;function yt(){return yt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},yt.apply(this,arguments)}var vt=function(e){var t=e.frontendModules,n=(0,i.useTranslation)().t,a=(0,r.useMemo)((function(){return[{key:"name",header:n("moduleName","Module Name")},{key:"installedVersion",header:n("installedVersion","Installed Version")},{key:"requiredVersion",header:n("requiredVersion","Required Version")}]}),[n]);return o().createElement("div",{className:gt.container},o().createElement(l.wQF,{rows:[],headers:a},(function(e){var a=e.headers,i=e.getTableProps,s=e.getHeaderProps;return o().createElement(l.xJi,{title:""},o().createElement(l.iA_,yt({},i()),o().createElement(l.ssF,null,o().createElement(l.SCH,null,a.map((function(e){return o().createElement(l.xDH,yt({},s({header:e})),e.header)})))),o().createElement(l.RMI,null,t.map((function(e){return o().createElement(r.Fragment,{key:e.name},o().createElement(l.SCH,null,o().createElement(l.pj1,null,o().createElement("strong",null,e.name)),o().createElement(l.pj1,null),o().createElement(l.pj1,null)),e.dependencies.map((function(e){return o().createElement(l.SCH,{key:e.name},o().createElement(l.pj1,null,e.name),o().createElement(l.pj1,null,"missing"===e.type?o().createElement("span",{style:{color:"red"}},n("missing","Missing")):"version-mismatch"===e.type?o().createElement("span",{style:{color:"red"}},e.installedVersion):o().createElement("span",{style:{color:"green"}},e.installedVersion)),o().createElement(l.pj1,null,e.requiredVersion))})))})))))})))},ht=n(2890),bt={};bt.styleTagTransform=x(),bt.setAttributes=b(),bt.insert=v().bind(null,"head"),bt.domAPI=g(),bt.insertStyleElement=S(),p()(ht.Z,bt);const Et=ht.Z&&ht.Z.locals?ht.Z.locals:void 0;function St(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function wt(){return wt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},wt.apply(this,arguments)}function xt(e){var t,n,s=e.close,c=e.frontendModules,u=e.backendDependencies,m=(0,i.useTranslation)().t,d=(t=(0,r.useState)(0),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return St(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?St(e,t):void 0}}(t,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.")}()),_=d[0],p=d[1],f=(0,r.useMemo)((function(){return 0==_?o().createElement(st,null):1==_?o().createElement(_t,{frontendModules:c}):o().createElement(vt,{frontendModules:u})}),[_]);return o().createElement("div",{className:Et.popup},o().createElement("div",{className:Et.topBar},o().createElement("div",{className:Et.tabs},o().createElement(l.GHR,{onChange:function(e){p(e.index)}},o().createElement(l.rsf,{name:"configuration-tab",text:m("configuration","Configuration")}),o().createElement(l.rsf,{name:"frontend-modules-tab",text:m("frontendModules","Frontend Modules")}),o().createElement(l.rsf,{name:"backend-modules-tab",text:m("backendModules","Backend Modules")}))),o().createElement("div",null,o().createElement(l.zxk,{kind:"secondary",renderIcon:function(e){return o().createElement(a.x8,wt({size:16},e))},iconDescription:"Close",onClick:s,hasIconOnly:!0,size:"sm"}))),o().createElement("div",{className:Et.content},f))}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_implementer_tools_app=globalThis.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[406],{2222:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__layout-styles__labelCell___dArEi {\n width: 12em;\n}\n\n.-esm-implementer-tools__layout-styles__structuredList___nHDsg {\n margin-bottom: 1em;\n}\n\n.-esm-implementer-tools__layout-styles__structuredListRow___BLtDK {\n border-left: 2px solid #c0c0c0;\n}\n\n.-esm-implementer-tools__layout-styles__subtreeCell___SHvAc {\n left: -6em;\n}\n","",{version:3,sources:["webpack://./src/configuration/interactive-editor/layout/layout.styles.css"],names:[],mappings:"AAAA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,UAAU;AACZ",sourcesContent:[".labelCell {\n width: 12em;\n}\n\n.structuredList {\n margin-bottom: 1em;\n}\n\n.structuredListRow {\n border-left: 2px solid #c0c0c0;\n}\n\n.subtreeCell {\n left: -6em;\n}\n"],sourceRoot:""}]),s.locals={labelCell:"-esm-implementer-tools__layout-styles__labelCell___dArEi",structuredList:"-esm-implementer-tools__layout-styles__structuredList___nHDsg",structuredListRow:"-esm-implementer-tools__layout-styles__structuredListRow___BLtDK",subtreeCell:"-esm-implementer-tools__layout-styles__subtreeCell___SHvAc"};const l=s},8521:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__buttonCell___R1Z6C {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n","",{version:3,sources:["webpack://./src/configuration/interactive-editor/value-editors/array-editor.styles.css"],names:[],mappings:"AAAA;EACE,kCAAkC;AACpC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;GAEG",sourcesContent:[".arrayEditor :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.arrayEditor :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),s.locals={arrayEditor:"-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x",buttonCell:"-esm-implementer-tools__array-editor-styles__buttonCell___R1Z6C"};const l=s},7305:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n","",{version:3,sources:["webpack://./src/configuration/interactive-editor/value-editors/object-editor.styles.css"],names:[],mappings:"AAAA;EACE,kCAAkC;AACpC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;GAEG",sourcesContent:[".objectEditor :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.objectEditor :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),s.locals={objectEditor:"-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn",buttonCell:"-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs"};const l=s},5855:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z{height:50vh;overflow-y:auto}.-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z .cds--data-table-container{padding-top:0}","",{version:3,sources:["webpack://./src/backend-dependencies/backend-dependencies.styles.scss"],names:[],mappings:"AAAA,wEACE,WAAA,CACA,eAAA,CAEA,mGACE,aAAA",sourcesContent:[".container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n"],sourceRoot:""}]),s.locals={container:"-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z"};const l=s},2279:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div:hover{padding:.5rem 0}.-esm-implementer-tools__configuration-styles__tools___bgCOF{width:100%;background-color:#e0e0e0;border-bottom:1px solid #8d8d8d;border-top:1px solid #c6c6c6;z-index:2;position:sticky;top:0}.-esm-implementer-tools__configuration-styles__toolbar___8scQy{padding:1rem 1rem 0;display:flex;justify-content:space-around;align-items:center}.-esm-implementer-tools__configuration-styles__row___VwPkJ{display:flex;flex-flow:row wrap;margin:0 -1rem}.-esm-implementer-tools__configuration-styles__row___VwPkJ .cds--col{max-width:100%;flex-basis:0;flex-grow:1;width:100%;padding:0 1rem}.-esm-implementer-tools__configuration-styles__downloadLink___3-F3S{text-decoration:none;color:inherit}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1{max-height:50vh;background-color:#f4f4f4;width:100%;display:flex;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV{width:65%;overflow-x:auto;overflow-y:auto}.-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5{width:35%;background-color:#e0e0e0;color:#424242;padding:1rem 2em;font-size:12pt;overflow-wrap:break-word;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV .cds--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end;padding:.25rem}.-esm-implementer-tools__configuration-styles__toggleButtons___22YaP{display:flex;align-items:center;justify-content:space-evenly}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW{display:flex;align-items:center;justify-content:flex-end}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW>button{margin:0 1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/configuration.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,2ECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,2ECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,mEC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,kEACE,8BAAA,CAIF,qFACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,yFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,+FACE,eAAA,CGhCJ,6DACE,UAAA,CACA,wBJLM,CIMN,+BAAA,CACA,4BAAA,CACA,SAAA,CACA,eAAA,CACA,KAAA,CAGF,+DACE,mBAAA,CACA,YAAA,CACA,4BAAA,CACA,kBAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,cAAA,CAEA,qEACE,cAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,cAAA,CAIJ,oEACE,oBAAA,CACA,aAAA,CAGF,mEACE,eAAA,CACA,wBJ3CM,CI4CN,UAAA,CACA,YAAA,CACA,eAAA,CAGF,sEACE,SAAA,CAEA,eAAA,CACA,eAAA,CAGF,uEACE,SAAA,CACA,wBJxDM,CIyDN,aAAA,CACA,gBAAA,CACA,cAAA,CACA,wBAAA,CACA,eAAA,CAGF,+FACE,aAAA,CAGF,2EACE,UAAA,CACA,YAAA,CACA,wBAAA,CACA,cAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,4BAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,wBAAA,CAEA,4EACE,aAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n@import "../implementer-tools.styles.scss";\n\n.tools {\n width: 100%;\n background-color: $ui-03;\n border-bottom: 1px solid $ui-04;\n border-top: 1px solid $color-gray-30;\n z-index: 2;\n position: sticky;\n top: 0;\n}\n\n.toolbar {\n padding: spacing.$spacing-05 spacing.$spacing-05 0;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n\n.row {\n display: flex;\n flex-flow: row wrap;\n margin: 0 -1rem;\n\n :global(.cds--col) {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n width: 100%;\n padding: 0 1rem;\n }\n}\n\n.downloadLink {\n text-decoration: none;\n color: inherit;\n}\n\n.mainContent {\n max-height: 50vh;\n background-color: $ui-01;\n width: 100%;\n display: flex;\n overflow-y: auto;\n}\n\n.configTreePane {\n width: 65%;\n // overflow-wrap: break-word;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.descriptionPane {\n width: 35%;\n background-color: $ui-03;\n color: #424242;\n padding: spacing.$spacing-05 2em;\n font-size: 12pt;\n overflow-wrap: break-word;\n overflow-y: auto;\n}\n\n.configTreePane :global(.cds--text-input-wrapper) {\n min-width: 8em;\n}\n\n.toggleToolbarButton {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n padding: 0.25rem;\n}\n\n.toggleButtons {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n\n.actionButtons {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > button {\n margin: 0 1rem;\n }\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc",productiveHeading02:"-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5",bodyShort01:"-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE",toolStyles:"-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ",chevronImplementerToolsButton:"-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",row:"-esm-implementer-tools__configuration-styles__row___VwPkJ",downloadLink:"-esm-implementer-tools__configuration-styles__downloadLink___3-F3S",mainContent:"-esm-implementer-tools__configuration-styles__mainContent___JDOc1",configTreePane:"-esm-implementer-tools__configuration-styles__configTreePane___dyEjV",descriptionPane:"-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5",toggleToolbarButton:"-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN",toggleButtons:"-esm-implementer-tools__configuration-styles__toggleButtons___22YaP",actionButtons:"-esm-implementer-tools__configuration-styles__actionButtons___lULMW"};const l=s},1860:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS .cds--accordion__content{padding-right:0}","",{version:3,sources:["webpack://./src/configuration/interactive-editor/config-tree.styles.scss"],names:[],mappings:"AAAA,iGACE,eAAA",sourcesContent:[".fullWidthAccordion :global(.cds--accordion__content) {\n padding-right: 0;\n}\n"],sourceRoot:""}]),s.locals={fullWidthAccordion:"-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS"};const l=s},9306:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}:root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__description-styles__productiveHeading01___6zM8b{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div:hover{padding:.5rem 0}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0);margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-style:italic;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__value___9KSGb{font-family:monospace;margin-top:.5rem;margin-left:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/interactive-editor/description.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CAHF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,yECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,yECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,kEC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,iEACE,8BAAA,CAIF,mFACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,uFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,6FACE,eAAA,CGhCJ,0DFo0BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CEl0BF,mBDcW,CCXb,iEF+zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CE7zBF,kBDmBW,CChBb,4DF0zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CExzBF,iBAAA,CACA,mBDGW,CAAA,2DCCX,qBAAA,CACA,gBDFW,CCGX,iBDHW",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n@import "../../implementer-tools.styles.scss";\n\n.path {\n @include type.type-style("heading-02");\n margin-bottom: spacing.$spacing-03;\n}\n\n.description {\n @include type.type-style("body-compact-01");\n margin-bottom: spacing.$spacing-05;\n}\n\n.source {\n @include type.type-style("body-compact-01");\n font-style: italic;\n margin-bottom: spacing.$spacing-03;\n}\n\n.value {\n font-family: monospace;\n margin-top: spacing.$spacing-03;\n margin-left: spacing.$spacing-03;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__description-styles__productiveHeading01___6zM8b",productiveHeading02:"-esm-implementer-tools__description-styles__productiveHeading02___dAkbG",bodyShort01:"-esm-implementer-tools__description-styles__bodyShort01___T+WDt",toolStyles:"-esm-implementer-tools__description-styles__toolStyles___+GHGB",chevronImplementerToolsButton:"-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq",path:"-esm-implementer-tools__description-styles__path___BdmUc",description:"-esm-implementer-tools__description-styles__description___TP6ml",source:"-esm-implementer-tools__description-styles__source___nn6eY",value:"-esm-implementer-tools__description-styles__value___9KSGb"};const l=s},6350:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__display-value__productiveHeading01___qSdMY{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div:hover{padding:.5rem 0}.-esm-implementer-tools__display-value__smallListCell___3vXBH{padding:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/interactive-editor/display-value.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,oECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,oECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,4DC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,2DACE,8BAAA,CAIF,8EACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,kFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,wFACE,eAAA,CGlCJ,8DACE,aDiBW",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@import "../../implementer-tools.styles.scss";\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__display-value__productiveHeading01___qSdMY",productiveHeading02:"-esm-implementer-tools__display-value__productiveHeading02___Ro0Of",bodyShort01:"-esm-implementer-tools__display-value__bodyShort01___P2Yo4",toolStyles:"-esm-implementer-tools__display-value__toolStyles___Z5Xd1",chevronImplementerToolsButton:"-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp",smallListCell:"-esm-implementer-tools__display-value__smallListCell___3vXBH"};const l=s},7960:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div:hover{padding:.5rem 0}.-esm-implementer-tools__editable-value-styles__secretButton___5sr2R{background:none;color:#474b6b;border:none;font:inherit;text-align:left}.-esm-implementer-tools__editable-value-styles__error___e3i8X{margin-left:1em;color:orange;font-size:11pt}.-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS{color:#2020a0}.-esm-implementer-tools__editable-value-styles__elementValue___mABUA{display:flex;align-items:center}.-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U{margin-left:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/interactive-editor/editable-value.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,4ECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,4ECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,oEC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,mEACE,8BAAA,CAIF,sFACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,0FACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,gGACE,eAAA,CGlCJ,qEACE,eAAA,CACA,aAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CAGF,8DACE,eAAA,CACA,YAAA,CACA,cAAA,CAGF,wEACE,aAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CAGF,wEACE,gBDIW",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@import "../../implementer-tools.styles.scss";\n\n.secretButton {\n background: none;\n color: #474b6b;\n border: none;\n font: inherit;\n text-align: left;\n}\n\n.error {\n margin-left: 1em;\n color: orange;\n font-size: 11pt;\n}\n\n.overriddenValue {\n color: #2020a0;\n}\n\n.elementValue {\n display: flex;\n align-items: center;\n}\n\n.editValueButton {\n margin-left: spacing.$spacing-05;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V",productiveHeading02:"-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2",bodyShort01:"-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp",toolStyles:"-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq",chevronImplementerToolsButton:"-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST",secretButton:"-esm-implementer-tools__editable-value-styles__secretButton___5sr2R",error:"-esm-implementer-tools__editable-value-styles__error___e3i8X",overriddenValue:"-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS",elementValue:"-esm-implementer-tools__editable-value-styles__elementValue___mABUA",editValueButton:"-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U"};const l=s},3330:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__value-editor__productiveHeading01___t4lXG{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div:hover{padding:.5rem 0}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ{margin-top:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/interactive-editor/value-editor.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,mECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,2DC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,0DACE,8BAAA,CAIF,8EACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,kFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,wFACE,eAAA,CGlCJ,kEACE,gBDiBW",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@import "../../implementer-tools.styles.scss";\n\n.valueEditorButtons {\n margin-top: spacing.$spacing-03;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__value-editor__productiveHeading01___t4lXG",productiveHeading02:"-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R",bodyShort01:"-esm-implementer-tools__value-editor__bodyShort01___97nqC",toolStyles:"-esm-implementer-tools__value-editor__toolStyles___3pcG7",chevronImplementerToolsButton:"-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT+1",valueEditorButtons:"-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ"};const l=s},7047:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div:hover{padding:.5rem 0}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);color:#161616;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.-esm-implementer-tools__uuid-search__autocomplete___Femfx,.-esm-implementer-tools__uuid-search__autocomplete___Femfx>[role=combobox]{position:relative;width:20em}.-esm-implementer-tools__uuid-search__listbox___4v5pq{box-shadow:0 0 .5rem}.-esm-implementer-tools__uuid-search__smallListCell___ibH1k{padding:.5rem}.-esm-implementer-tools__uuid-search__loader___ZBUIr{margin:1rem}.-esm-implementer-tools__uuid-search__emptyResults___EWCen{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);background-color:#fff;color:#525252;min-height:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/configuration/interactive-editor/value-editors/uuid-search.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,kECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,kECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,0DC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,yDACE,8BAAA,CAIF,4EACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,gFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,sFACE,eAAA,CGjCJ,yDFq0BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CEn0BF,aJFM,CIGN,mBDcW,CCbX,oBDaW,CCZX,+BAAA,CAGF,sIAEE,iBAAA,CACA,UAAA,CAGF,sDACE,oBAAA,CAGF,4DACE,aDFW,CCKb,qDACE,WAAA,CAGF,2DF2yBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CEzyBF,qBJ/BM,CIgCN,aJ5BQ,CI6BR,eAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "../../../implementer-tools.styles.scss";\n\n.activeUuid {\n @include type.type-style("body-compact-01");\n color: $ui-05;\n margin-bottom: spacing.$spacing-03;\n padding-bottom: spacing.$spacing-03;\n border-bottom: 1px solid $ui-03;\n}\n\n.autocomplete,\n.autocomplete > [role="combobox"] {\n position: relative;\n width: 20em;\n}\n\n.listbox {\n box-shadow: 0 0 spacing.$spacing-03;\n}\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n\n.loader {\n margin: 1rem;\n}\n\n.emptyResults {\n @include type.type-style("body-compact-01");\n background-color: $ui-02;\n color: $text-02;\n min-height: 1rem;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI",productiveHeading02:"-esm-implementer-tools__uuid-search__productiveHeading02___c2158",bodyShort01:"-esm-implementer-tools__uuid-search__bodyShort01___iqDKX",toolStyles:"-esm-implementer-tools__uuid-search__toolStyles___iEsKx",chevronImplementerToolsButton:"-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp",activeUuid:"-esm-implementer-tools__uuid-search__activeUuid___P5DQe",autocomplete:"-esm-implementer-tools__uuid-search__autocomplete___Femfx",listbox:"-esm-implementer-tools__uuid-search__listbox___4v5pq",smallListCell:"-esm-implementer-tools__uuid-search__smallListCell___ibH1k",loader:"-esm-implementer-tools__uuid-search__loader___ZBUIr",emptyResults:"-esm-implementer-tools__uuid-search__emptyResults___EWCen"};const l=s},5961:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,".-esm-implementer-tools__frontend-modules__container___ZLxli{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___ZLxli .cds--data-table-container{padding-top:0}","",{version:3,sources:["webpack://./src/frontend-modules/frontend-modules.scss"],names:[],mappings:"AAAA,6DACE,WAAA,CACA,eAAA,CAEA,wFACE,aAAA",sourcesContent:[".container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n"],sourceRoot:""}]),s.locals={container:"-esm-implementer-tools__frontend-modules__container___ZLxli"};const l=s},2890:(e,n,t)=>{t.d(n,{Z:()=>l});var a=t(9233),i=t.n(a),o=t(361),s=t.n(o)()(i());s.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__popup-styles__productiveHeading01___4leaH{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0)}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div:hover{padding:.5rem 0}.-esm-implementer-tools__popup-styles__popup___0bVnN{position:fixed;bottom:0;left:0;width:100%;z-index:100000;background-color:#e0e0e0;border-top:2px solid #161616;color:#161616;box-sizing:border-box}.-esm-implementer-tools__popup-styles__content___MAVBS{width:100%;height:50vh}.-esm-implementer-tools__popup-styles__tabs___goPOI{width:30em;overflow-x:hidden;overflow-y:auto;position:relative}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2;background:#e0e0e0;padding:.25rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./src/popup/popup.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mECq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDj0BJ,mECi0BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CD7zBJ,2DC6zBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDzzBJ,0DACE,8BAAA,CAIF,6EACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,iFACE,qBD3BI,CC4BJ,UEYS,CFXT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,uFACE,eAAA,CGnCJ,qDACE,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,cAAA,CACA,wBJNM,CION,4BAAA,CACA,aAAA,CACA,qBAAA,CAGF,uDACE,UAAA,CACA,WAAA,CAGF,oDACE,UAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGF,uDACE,UAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,SAAA,CACA,kBAAA,CACA,cAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n",'@use "@carbon/styles/scss/spacing";\n@use "@carbon/styles/scss/type";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include type.type-style("heading-compact-01");\n}\n\n.productiveHeading02 {\n @include type.type-style("heading-compact-02");\n}\n\n.bodyShort01 {\n @include type.type-style("body-compact-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\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// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.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$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.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$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.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$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.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$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('light'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.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$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\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 // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-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 math.div($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 [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$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 grid.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 [$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: gridconfig.$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: grid.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: grid.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@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 [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$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 @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2021\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/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n",'@import "../implementer-tools.styles.scss";\n\n.popup {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 100000;\n background-color: $ui-03;\n border-top: 2px solid $ui-05;\n color: $color-gray-100;\n box-sizing: border-box;\n}\n\n.content {\n width: 100%;\n height: 50vh;\n}\n\n.tabs {\n width: 30em;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n}\n\n.topBar {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 2;\n background: #e0e0e0;\n padding: 0.25rem;\n}\n'],sourceRoot:""}]),s.locals={productiveHeading01:"-esm-implementer-tools__popup-styles__productiveHeading01___4leaH",productiveHeading02:"-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm",bodyShort01:"-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz",toolStyles:"-esm-implementer-tools__popup-styles__toolStyles___d1S8B",chevronImplementerToolsButton:"-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5",popup:"-esm-implementer-tools__popup-styles__popup___0bVnN",content:"-esm-implementer-tools__popup-styles__content___MAVBS",tabs:"-esm-implementer-tools__popup-styles__tabs___goPOI",topBar:"-esm-implementer-tools__popup-styles__topBar___Qn+FU"};const l=s},8406:(e,n,t)=>{t.r(n),t.d(n,{default:()=>kn});var a=t(5776),i=t.n(a),o=t(3684),s=t(1102),l=t(2680),r=t(7414),p=t(7576),c=t(5259),u=t(8403),d=t(8478),g=t(487),f=t.n(g),y=t(631),h=t.n(y),m=t(2052),b=t.n(m),$=t(4010),A=t.n($),v=t(1469),_=t.n(v),x=t(9329),w=t.n(x),k=t(1860),z={};z.styleTagTransform=w(),z.setAttributes=A(),z.insert=b().bind(null,"head"),z.domAPI=h(),z.insertStyleElement=_(),f()(k.Z,z);const C=k.Z&&k.Z.locals?k.Z.locals:void 0;var M=t(988),E=t(323),S=t(7960),T={};T.styleTagTransform=w(),T.setAttributes=A(),T.insert=b().bind(null,"head"),T.domAPI=h(),T.insertStyleElement=_(),f()(S.Z,T);const B=S.Z&&S.Z.locals?S.Z.locals:void 0;var I=t(8290),N=t(7474),D=t(4610),O=t(611),j=t(8521),F={};F.styleTagTransform=w(),F.setAttributes=A(),F.insert=b().bind(null,"head"),F.domAPI=h(),F.insertStyleElement=_(),f()(j.Z,F);const q=j.Z&&j.Z.locals?j.Z.locals:void 0;function Z(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 a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},P.apply(this,arguments)}function U(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(n){Z(e,n,t[n])}))}return e}function H(e){var n,t=e.element,s=e.valueArray,l=e.setValue,p=(0,a.useMemo)((function(){return(0,N.Z)("array-editor-")}),[]);return i().createElement(o.n9L,{className:q.arrayEditor},i().createElement(o.x4x,null,i().createElement(o.FxI,null,s.map((function(e,a){var u,d,g;return i().createElement(o.s1N,{key:"".concat(p,"-").concat(a)},i().createElement(o.agF,null,i().createElement(me,{element:(d=U({},t._elements),g={_value:e,_source:t._source},g=null!=g?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(g)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t}(Object(g)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(g,e))})),d),valueType:null!==(n=null===(u=t._elements)||void 0===u?void 0:u._type)&&void 0!==n?n:D.Type.Object,value:e,onChange:function(e){var n=(0,c.Z)(s);n[a]=e,l(n)}})),i().createElement(o.agF,{className:q.buttonCell},i().createElement(o.zxk,{renderIcon:function(e){return i().createElement(r.ZN,P({},e,{size:16}))},size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var e=(0,c.Z)(s);e.splice(a,1),l(e)}})))})),i().createElement(o.s1N,null,i().createElement(o.agF,null,i().createElement(o.zxk,{renderIcon:function(e){return i().createElement(O.mm,P({},e,{size:16}))},size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var e,n,a=(0,c.Z)(s),i=(null!==(n=null===(e=t._elements)||void 0===e?void 0:e._type)&&void 0!==n?n:D.Type.Object)==D.Type.Object?{}:null;a.push(i),l(a)}}))))))}var L=t(6455),J=t(7047),G={};G.styleTagTransform=w(),G.setAttributes=A(),G.insert=b().bind(null,"head"),G.domAPI=h(),G.insertStyleElement=_(),f()(J.Z,G);const W=J.Z&&J.Z.locals?J.Z.locals:void 0;function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function R(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return V(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(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 Y(e){var n=e.setConcept,t=e.value,s=(0,l.useTranslation)().t,r=(0,a.useMemo)((function(){return(0,N.Z)()}),[]),p=R((0,a.useState)(""),2),c=p[0],u=p[1],d=R((0,a.useState)(t),2),g=d[0],f=d[1],y=function(e){var n,t,a="/ws/rest/v1/concept/?q=".concat(e),i=(0,L.ZP)(e?a:null,D.openmrsFetch),o=i.data,s=i.error;return{concepts:null!==(t=null==o||null===(n=o.data)||void 0===n?void 0:n.results)&&void 0!==t?t:[],error:s,isSearchingConcepts:!s&&!o}}(c),h=y.concepts,m=y.isSearchingConcepts;return i().createElement("div",null,g&&i().createElement("p",{className:W.activeUuid},g),i().createElement("div",{className:W.autocomplete},i().createElement(o.olm,{id:"searchbox-".concat(r),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":s("searchConceptHelperText","Search concepts"),"aria-controls":"searchbox-".concat(r),"aria-expanded":h.length>0,placeholder:s("searchConceptHelperText","Search concepts"),onChange:function(e){u(e.target.value)}}),c?m?i().createElement(o.lSo,{className:W.loader,description:s("searching","Searching")+"..."}):h&&h.length&&!m?i().createElement(o.x4x,{selection:!0,id:"searchbox-".concat(r),className:W.listbox},h.map((function(e){return i().createElement(o.s1N,{key:e.uuid,role:"option","aria-selected":"true"},i().createElement(o.agF,{onClick:function(){!function(e){f(e.uuid),n(e),u("")}(e)},className:W.smallListCell},e.display))}))):i().createElement(o.n9L,{className:W.emptyResults},i().createElement("span",null,s("noConceptsFoundText","No matching concepts found"))):null))}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var X=(0,d.getExtensionInternalStore)();function Q(e){var n,t,s=e.value,l=e.setValue,r=(n=(0,a.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return K(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}(n,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.")}()),p=r[0],c=r[1];return(0,a.useEffect)((function(){var e=function(e){c(Object.keys(e.extensions))};return e(X.getState()),X.subscribe(e)}),[]),i().createElement(o.NUq.Filterable,{id:"add-select",items:p.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return l(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:s})}function ee(e){var n=e.slotName,t=(e.slotModuleName,e.value),a=e.setValue,s=(0,D.useAssignedExtensions)(n).map((function(e){return e.id}));return i().createElement(o.NUq.Filterable,{id:"add-select",items:s.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return a(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:t})}var ne=t(7305),te={};te.styleTagTransform=w(),te.setAttributes=A(),te.insert=b().bind(null,"head"),te.domAPI=h(),te.insertStyleElement=_(),f()(ne.Z,te);const ae=ne.Z&&ne.Z.locals?ne.Z.locals:void 0;function ie(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function oe(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function se(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(n){oe(e,n,t[n])}))}return e}function le(e){var n=e.element,t=e.valueObject,a=e.setValue;return i().createElement(o.n9L,{className:ae.objectEditor},i().createElement(o.x4x,null,i().createElement(o.FxI,null,Object.entries(n).map((function(e){var s,l,r,p,u=(l=2,function(e){if(Array.isArray(e))return e}(s=e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(s,l)||function(e,n){if(e){if("string"==typeof e)return ie(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ie(e,n):void 0}}(s,l)||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.")}()),d=u[0],g=u[1];return d.startsWith("_")?null:i().createElement(o.s1N,{key:d},i().createElement(o.agF,null,i().createElement(me,{element:{_value:d,_source:n._source},valueType:D.Type.String,value:d,onChange:function(e){var n=(0,c.Z)(t);n[e]=(0,c.Z)(t[d]),delete n[d],a(n)}})),i().createElement(o.agF,null,i().createElement(me,{element:(r=se({},g),p={_value:t[d],_source:n._source},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(p)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t}(Object(p)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(p,e))})),r),valueType:g._type,value:t[d],onChange:function(e){var n=(0,c.Z)(t);n[d]=e,a(n)}})))})))))}function re(e){return e.slotName,e.slotModuleName,e.value,e.setValue,i().createElement("div",null,"Todo: compose array with extension lookup")}var pe=t(753);function ce(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function ue(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ce(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ce(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 de(e){var n=e.setPersonAttributeUuid,t=e.value,s=ue((0,a.useState)(""),2),r=s[0],p=s[1],c=ue((0,a.useState)([]),2),u=c[0],d=c[1],g=ue((0,a.useState)(t),2),f=g[0],y=g[1],h=(0,l.useTranslation)().t,m=(0,a.useMemo)((function(){return(0,N.Z)()}),[]),b=(0,pe.Z)((function(e){p(e)}),300);return(0,a.useEffect)((function(){var e,n=new AbortController;return r&&r.length>=2?(e=r,(0,D.openmrsFetch)("/ws/rest/v1/personattributetype/?q=".concat(e),{method:"GET"})).then((function(e){var n=e.data.results;d(n.slice(0,9))})):d([]),function(){return n.abort()}}),[r]),i().createElement("div",null,f&&i().createElement("p",{className:W.activeUuid},f),i().createElement("div",{className:W.autocomplete},i().createElement(o.olm,{id:"search-input-".concat(m),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":h("searchPersonAttributeHelperText","Person attribute type name"),"aria-controls":"searchbox-".concat(m),"aria-expanded":u.length>0,placeholder:h("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){b(e.target.value)}}),!!u.length&&i().createElement(o.x4x,{selection:!0,className:W.listbox,id:"searchbox-".concat(m)},u.map((function(e){return i().createElement(o.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){y(e.uuid),p(""),d([]),n(e.uuid)}(e)},"aria-selected":"true"},i().createElement(o.agF,{className:W.smallListCell},e.display))}))),r&&u&&!u.length&&i().createElement("p",{className:W.bodyShort01},h("noPersonAttributeFoundText","No matching results found"))))}function ge(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function fe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ge(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ge(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 ye(e){var n=e.setPatientIdentifierTypeUuid,t=e.value,s=fe((0,a.useState)(""),2),r=s[0],p=s[1],c=function(){var e=(0,L.ZP)("/ws/rest/v1/patientidentifiertype",D.openmrsFetch),n=e.data,t=e.error,i=(0,a.useMemo)((function(){var e;return{data:null==n||null===(e=n.data)||void 0===e?void 0:e.results,isLoading:!n&&!t}}),[n,t]);return i}(),u=c.data,d=c.isLoading,g=fe((0,a.useState)(t),2),f=g[0],y=g[1],h=(0,l.useTranslation)().t,m=(0,a.useMemo)((function(){return(0,N.Z)()}),[]),b=(0,a.useMemo)((function(){return!d&&r&&""!==r?null==u?void 0:u.filter((function(e){return e.display.toLowerCase().includes(r.toLowerCase())})):void 0}),[d,r,u]);return i().createElement("div",null,f&&i().createElement("p",{className:W.activeUuid},f),i().createElement("div",{className:W.autocomplete},i().createElement(o.olm,{id:"search-input-".concat(m),labelText:"",type:"text",size:"sm",placeholder:d?h("loading","Loading"):h("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){return p(e.target.value)},value:r,disabled:d}),r?(null==b?void 0:b.length)?i().createElement(o.x4x,{selection:!0,className:W.listbox,id:"searchbox-".concat(m)},null==b?void 0:b.map((function(e){return i().createElement(o.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){y(e.uuid),n(e.uuid),p("")}(e)},"aria-selected":"true"},i().createElement(o.agF,{className:W.smallListCell},e.display))}))):i().createElement("p",{className:W.bodyShort01},h("noPersonAttributeFoundText","No matching results found")):null))}function he(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function me(e){var n,t,s=e.element,l=e.path,r=e.valueType,p=e.value,c=e.onChange,u=(n=(0,a.useState)((0,N.Z)("value-editor-")),t=1,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return he(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?he(e,n):void 0}}(n,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.")}())[0];if("remove"===r&&!l)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return r===D.Type.Array?i().createElement(H,{element:s,valueArray:p,setValue:c}):r===D.Type.Boolean?i().createElement(o.XZJ,{id:u,checked:p,hideLabel:!0,labelText:"",onChange:function(e,n){var t=n.checked;return n.id,c(t)}}):r===D.Type.ConceptUuid?i().createElement(Y,{value:p,setConcept:function(e){return c(e.uuid)}}):r===D.Type.PersonAttributeTypeUuid?i().createElement(de,{value:p,setPersonAttributeUuid:function(e){return c(e)}}):r===D.Type.PatientIdentifierTypeUuid?i().createElement(ye,{value:p,setPatientIdentifierTypeUuid:function(e){return c(e)}}):r===D.Type.Number?i().createElement(o.Y2U,{id:u,value:p,onChange:function(e,n){var t=n.value;return c(t?parseInt(t):0)},hideSteppers:!0}):r===D.Type.String||r===D.Type.UUID?i().createElement(o.oil,{id:u,value:p,labelText:"",onChange:function(e){return c(e.target.value)}}):"add"===r?i().createElement(Q,{value:null!=p?p:s._value,setValue:c}):"remove"===r&&l?i().createElement(ee,{slotName:l[2],slotModuleName:l[0],value:null!=p?p:s._value,setValue:c}):"order"===r&&l?i().createElement(re,{slotName:l[2],slotModuleName:l[0],value:null!=p?p:s._value,setValue:c}):"configure"===r&&l?i().createElement(i().Fragment,null,"Todo"):i().createElement(le,{element:s,valueObject:p,setValue:c})}var be=t(3330),$e={};$e.styleTagTransform=w(),$e.setAttributes=A(),$e.insert=b().bind(null,"head"),$e.domAPI=h(),$e.insertStyleElement=_(),f()(be.Z,$e);const Ae=be.Z&&be.Z.locals?be.Z.locals:void 0;function ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function _e(){return _e=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},_e.apply(this,arguments)}function xe(e){var n,t,r=e.element,p=e.customType,c=e.path,u=e.handleSave,d=e.handleClose,g=(0,a.useRef)(null),f=(n=(0,a.useState)(r._value),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return ve(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ve(e,n):void 0}}(n,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.")}()),y=f[0],h=f[1],m=(0,l.useTranslation)().t,b=null!=p?p:r._type,$=function(e){"Escape"===e.key?d():"Enter"===e.key&&u(JSON.stringify(y))};return(0,a.useEffect)((function(){return document.addEventListener("keyup",$),function(){document.removeEventListener("keyup",$)}}),[y]),i().createElement("div",{ref:g,style:{display:"inherit"}},i().createElement(me,{element:r,path:c,value:y,onChange:h,valueType:b}),i().createElement("div",{className:Ae.valueEditorButtons},i().createElement(o.zxk,{renderIcon:function(e){return i().createElement(I.vc,_e({},e,{size:16}))},kind:"primary",onClick:function(){return u(JSON.stringify(y))}},m("saveValueButtonText","Save")),i().createElement(o.zxk,{renderIcon:function(e){return i().createElement(s.x8,_e({},e,{size:16}))},kind:"secondary",onClick:d},m("cancelButtonText","Cancel"))))}var we=t(1004),ke=t(6350),ze={};ze.styleTagTransform=w(),ze.setAttributes=A(),ze.insert=b().bind(null,"head"),ze.domAPI=h(),ze.insertStyleElement=_(),f()(ke.Z,ze);const Ce=ke.Z&&ke.Z.locals?ke.Z.locals:void 0;function Me(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function Ee(e){var n=e.value;return i().createElement("div",null,Array.isArray(n)?"object"==typeof n[0]?n.map((function(e,n){return i().createElement(o.s1N,{key:"".concat(e,"-").concat(n)},i().createElement(o.agF,{className:Ce.smallListCell},n+1),i().createElement(o.agF,{className:Ce.smallListCell},i().createElement(Ee,{value:e})))})):"[ ".concat(n.join(", ")," ]"):"object"==typeof n&&null!==n?Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Me(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Me(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.")}()}(e,2),a=t[0],s=t[1];return i().createElement(o.s1N,{key:"".concat(a,"-").concat(n)},i().createElement(o.agF,{className:Ce.smallListCell},a),i().createElement(o.agF,{className:Ce.smallListCell},i().createElement(Ee,{value:s})))})):"string"==typeof n||"number"==typeof n?n:null==n?"none":JSON.stringify(n))}function Se(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function Te(){return Te=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},Te.apply(this,arguments)}function Be(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||Ne(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 Ie(e){return function(e){if(Array.isArray(e))return Se(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ne(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ne(e,n){if(e){if("string"==typeof e)return Se(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Se(e,n):void 0}}function De(e){var n=e.path,t=e.element,s=e.customType,r=Be((0,a.useState)(),2),u=r[0],g=r[1],f=Be((0,a.useState)(!1),2),y=f[0],h=f[1],m=Be((0,a.useState)(null),2),b=m[0],$=m[1],A=(0,a.useRef)(null),v=(0,l.useTranslation)().t,_=function(){h(!1),$(null)};return(0,a.useEffect)((function(){var e=function(e){e.configPathBeingEdited&&(0,M.Z)(e.configPathBeingEdited,n)&&A&&A.current&&(h(!0),A.current.focus())};return e(we.wT.getState()),we.wT.subscribe(e)}),[]),(0,a.useEffect)((function(){var e=we.wT.getState();y&&!(0,M.Z)(e.configPathBeingEdited,n)&&we.wT.setState({configPathBeingEdited:n,activeItemDescription:{path:n,source:t._source,description:t._description,value:u}}),!y&&(0,M.Z)(e.configPathBeingEdited,n)&&we.wT.setState({configPathBeingEdited:null})}),[y]),i().createElement(i().Fragment,null,i().createElement("div",{className:B.line},y?i().createElement(i().Fragment,null,i().createElement(xe,{element:t,customType:s,path:n,handleClose:_,handleSave:function(e){try{var t=JSON.parse(e),a=Oe((0,c.Z)(d.temporaryConfigStore.getState()),["config"].concat(Ie(n)),t);d.temporaryConfigStore.setState(a),g(e),_()}catch(e){console.warn(e),$("That's not formatted quite right. Try again.")}}})):i().createElement("div",{className:B.elementValue},i().createElement(Ee,{value:t._value}),i().createElement(o.zxk,{kind:"ghost",size:"sm",iconDescription:v("editValueButtonText","Edit"),onClick:function(){return h(!0)},ref:A,renderIcon:function(e){return i().createElement(p.I8,Te({size:16},e))},hasIconOnly:!0}),"temporary config"==t._source?i().createElement(o.zxk,{renderIcon:function(e){return i().createElement(I.AG,Te({size:16},e))},size:"sm",kind:"ghost",iconDescription:v("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){d.temporaryConfigStore.setState((0,E.Z)(d.temporaryConfigStore.getState(),["config"].concat(Ie(n))))}}):null),b&&i().createElement("div",{className:B.error},b)))}function Oe(e,n,t){var a;return n.length>1?e[n[0]]=Oe(null!==(a=e[n[0]])&&void 0!==a?a:{},n.slice(1),t):e[n[0]]=t,e}function je(e){var n=e.moduleName,t=e.slotName,a=e.config;return i().createElement(De,{path:[n,t,"configure"],element:a&&Object.keys(a).length?{_value:a,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var Fe=t(2222),qe={};qe.styleTagTransform=w(),qe.setAttributes=A(),qe.insert=b().bind(null,"head"),qe.domAPI=h(),qe.insertStyleElement=_(),f()(Fe.Z,qe);const Ze=Fe.Z&&Fe.Z.locals?Fe.Z.locals:void 0;function Pe(e){var n=e.leaf,t=e.label,a=e.children,s=e.onMouseEnter,l=e.onMouseLeave;return n?i().createElement(o.s1N,{className:Ze.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(o.agF,{className:Ze.labelCell},t),i().createElement(o.agF,null,a)):i().createElement(i().Fragment,null,i().createElement(o.s1N,{className:Ze.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(o.agF,{className:Ze.labelCell},t),i().createElement(o.agF,null)),i().createElement(o.s1N,{className:Ze.structuredListRow},i().createElement(o.agF,null),i().createElement(o.agF,{className:Ze.subtreeCell},i().createElement(o.x4x,{className:Ze.structuredList},i().createElement(o.FxI,null,a)))))}function Ue(e){var n=e.extensionsConfig,t=e.moduleName;return n&&Object.keys(n).length?i().createElement(Pe,{label:"extension slots",leaf:!1},Object.keys(n).map((function(e){return i().createElement(He,{key:e,config:null==n?void 0:n[e],path:[t,"extensionSlots",e]})}))):null}function He(e){var n,t=e.config,a=e.path,o=function(e){var n,t=we.wT.getState();(0,M.Z)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,M.Z)(t.configPathBeingEdited,e)&&we.wT.setState({activeItemDescription:void 0})},s=a[0],l=a[2],r=(0,D.useAssignedExtensions)(l);return i().createElement(Pe,{label:l,leaf:!1,onMouseEnter:function(){return function(e,n){we.wT.getState().configPathBeingEdited||we.wT.setState({activeItemDescription:{path:[e,n],value:r.map((function(e){return e.id}))}})}(s,l)},onMouseLeave:function(){return o([s,l])}},["add","remove","order","configure"].map((function(e){var r;return i().createElement(Pe,{label:e,key:a.join(".")+e,leaf:!0,onMouseEnter:function(){return function(e,n,t,a){we.wT.getState().configPathBeingEdited||we.wT.setState({activeItemDescription:{path:[e,n,t],source:null==a?void 0:a._source,description:{add:"Add an extension to this slot.",remove:"Remove an extension from this slot.",order:"Reorder the extensions in this slot.",configure:"Pass a configuration object directly to one of the extensions in this slot."}[t],value:JSON.stringify(null==a?void 0:a._value)}})}(s,l,e,null==t?void 0:t[e])},onMouseLeave:function(){return o([s,l,e])}},"configure"===e?i().createElement(je,{moduleName:s,slotName:l,config:null==t||null===(r=t.configure)||void 0===r?void 0:r._value}):i().createElement(De,{path:a.concat([e]),element:null!==(n=null==t?void 0:t[e])&&void 0!==n?n:{_value:void 0,_source:"default",_default:[]},customType:e}))})))}function Le(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function Je(e){var n=e.config,t=e.path,a=void 0===t?[]:t;return i().createElement(i().Fragment,null,Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Le(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Le(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.")}()}(e,2),o=t[0],s=t[1],l=a.concat([o]),r=s.hasOwnProperty("_value")||s.hasOwnProperty("_type");return i().createElement(Pe,{label:o,leaf:r,onMouseEnter:function(){return function(e,n,t){we.wT.getState().configPathBeingEdited||we.wT.setState({activeItemDescription:{path:e,source:t._source,description:t._description,value:JSON.stringify(t._value)}})}(l,0,s)},onMouseLeave:function(){return function(e){var n,t=we.wT.getState();(0,M.Z)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,M.Z)(t.configPathBeingEdited,e)&&we.wT.setState({activeItemDescription:void 0})}(l)},key:"subtree-".concat(l.join("."))},r?i().createElement(De,{path:l,element:s}):i().createElement(Je,{config:s,path:l}))})))}var Ge=t(8180);function We(e){var n=e.children;return i().createElement(o.x4x,{className:Ze.structuredList},i().createElement(o.FxI,null,n))}function Ve(e){var n=e.config,t=e.moduleName;return i().createElement(We,null,i().createElement(Ue,{extensionsConfig:n.extensionSlots,moduleName:t}),i().createElement(Je,{config:(0,Ge.Z)(n,(function(e,n){return"extensionSlots"!==n})),path:[t]}))}function Re(e){var n=e.config;return i().createElement(o.UQy,{align:"start"},n&&Object.keys(n).sort().map((function(e){var t=n[e];return Object.keys(t).length?i().createElement(o.Qdk,{title:i().createElement("h6",null,e),className:C.fullWidthAccordion,key:"accordion-".concat(e)},i().createElement(Ve,{config:t,moduleName:e,key:"".concat(e,"-config")})):null})))}var Ye=t(9306),Ke={};Ke.styleTagTransform=w(),Ke.setAttributes=A(),Ke.insert=b().bind(null,"head"),Ke.domAPI=h(),Ke.insertStyleElement=_(),f()(Ye.Z,Ke);const Xe=Ye.Z&&Ye.Z.locals?Ye.Z.locals:void 0;function Qe(){var e=(0,l.useTranslation)().t,n=(0,D.useStore)(we.wT).activeItemDescription;return i().createElement("div",null,n?i().createElement(i().Fragment,null,i().createElement("h2",{className:Xe.path},n.path.slice(1).join(" → ")),i().createElement("p",{className:Xe.description},n.description),i().createElement("p",{className:Xe.source},"default"===n.source?i().createElement(i().Fragment,null,e("itemDescriptionSourceDefaultText","The current value is the default.")):n.source?i().createElement(i().Fragment,null,e("activeItemSourceText","The current value comes from "),n.source):null),n.value?i().createElement("h4",{className:Xe.productiveHeading01},e("value","Value")):null,i().createElement("p",{className:Xe.value},Array.isArray(n.value)?n.value.map((function(e,n){return i().createElement("p",{key:"".concat(e,"-").concat(n)},e)})):n.value)):null)}var en=t(2279),nn={};nn.styleTagTransform=w(),nn.setAttributes=A(),nn.insert=b().bind(null,"head"),nn.domAPI=h(),nn.insertStyleElement=_(),f()(en.Z,nn);const tn=en.Z&&en.Z.locals?en.Z.locals:void 0;function an(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function on(){return on=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},on.apply(this,arguments)}var sn=i().lazy((function(){return Promise.all([t.e(620),t.e(531)]).then(t.bind(t,8531))})),ln={toggleIsUIEditorEnabled:function(e){return{isUIEditorEnabled:!e.isUIEditorEnabled}},toggleIsToolbarOpen:function(e){return{isConfigToolbarOpen:!e.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(e){return{isJsonModeEnabled:!e.isJsonModeEnabled}}},rn=function(e){var n=e.isConfigToolbarOpen,t=e.toggleIsToolbarOpen;return i().createElement(o.zxk,{hasIconOnly:!0,renderIcon:n?s.Kh:s._M,onClick:t,kind:"ghost",size:"sm",tooltipPosition:"left",iconDescription:"".concat(n?"Hide":"Show"," toolbar")})},pn=function(){var e,n,t=(0,l.useTranslation)().t,s=(0,d.useStoreWithActions)(we.wT,ln),g=s.isUIEditorEnabled,f=s.toggleIsUIEditorEnabled,y=s.isJsonModeEnabled,h=s.toggleIsJsonModeEnabled,m=s.isConfigToolbarOpen,b=s.toggleIsToolbarOpen,$=(0,d.useStore)(d.implementerToolsConfigStore).config,A=(0,d.useStore)((0,d.getExtensionInternalStore)()),v=(0,d.useStore)(d.temporaryConfigStore),_=(e=(0,a.useState)(""),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return an(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?an(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.")}()),x=_[0],w=_[1],k=v.config,z=new Blob([JSON.stringify(k,void 0,2)],{type:"application/json"}),C=(0,a.useMemo)((function(){var e=(0,c.Z)($),n=!0,t=!1,a=void 0;try{for(var i,o=Object.values(A.slots)[Symbol.iterator]();!(n=(i=o.next()).done);n=!0){var s=i.value;s.moduleName&&(e[s.moduleName].extensionSlots||(e[s.moduleName].extensionSlots={}),e[s.moduleName].extensionSlots[s.name]||(e[s.moduleName].extensionSlots[s.name]={}))}}catch(e){t=!0,a=e}finally{try{n||null==o.return||o.return()}finally{if(t)throw a}}return e}),[$,A]),M=(0,a.useMemo)((function(){return x?function e(n,t){var a,i={},o=!0,s=!1,l=void 0;try{for(var r,p=Object.keys(n)[Symbol.iterator]();!(o=(r=p.next()).done);o=!0){var d=r.value;if(d.includes(t))i[d]=(0,c.Z)(n[d]);else if(!((a=n[d]).hasOwnProperty("_default")||a._type||a.hasOwnProperty("_value")||a.hasOwnProperty("_source"))){var g=e(n[d],t);(0,u.Z)(g)||(i[d]=g)}}}catch(e){s=!0,l=e}finally{try{o||null==p.return||p.return()}finally{if(s)throw l}}return i}(C,x):C}),[x,C]),E=m?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return i().createElement(i().Fragment,null,i().createElement("div",{className:tn.tools},i().createElement("div",{className:tn.toggleToolbarButton},i().createElement(rn,{isConfigToolbarOpen:m,toggleIsToolbarOpen:b})),m?i().createElement(o.J$U,{style:{padding:"0.5em 1.5em"}},i().createElement(o.X2j,{className:tn.row},i().createElement(o.sgG,null,i().createElement(o.oil,{id:"extensionSearch",labelText:"Search configuration",onChange:function(e){return w(e.target.value)}})),i().createElement(o.sgG,{className:tn.toggleButtons},i().createElement(o.ZDl,{className:tn.toggle,id:"jsonModeSwitch",labelText:t("jsonEditor","JSON Editor"),onToggle:h,toggled:y}),i().createElement(o.ZDl,{className:tn.toggle,id:"uiEditorSwitch",labelText:t("uiEditor","UI Editor"),toggled:g,onToggle:f})),i().createElement(o.sgG,{className:tn.actionButtons},i().createElement(o.zxk,{kind:"danger",iconDescription:"Clear local config",renderIcon:function(e){return i().createElement(r.ZN,on({size:16},e))},onClick:function(){d.temporaryConfigStore.setState({config:{}})}},t("clearConfig","Clear Local Config")),i().createElement(o.zxk,{kind:"secondary",iconDescription:"Download config",renderIcon:function(e){return i().createElement(p.UW,on({size:16},e))}},i().createElement("a",{className:tn.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(z)},t("downloadConfig","Download Config")))))):null),i().createElement("div",{className:tn.mainContent,style:{height:E}},y?i().createElement(sn,{height:E}):i().createElement(i().Fragment,null,i().createElement("div",{className:tn.configTreePane},i().createElement(Re,{config:M})),i().createElement("div",{className:tn.descriptionPane},i().createElement(Qe,null)))))},cn=t(5961),un={};un.styleTagTransform=w(),un.setAttributes=A(),un.insert=b().bind(null,"head"),un.domAPI=h(),un.insertStyleElement=_(),f()(cn.Z,un);const dn=cn.Z&&cn.Z.locals?cn.Z.locals:void 0;function gn(){return gn=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},gn.apply(this,arguments)}var fn=function(e){var n,t=e.frontendModules,s=(0,l.useTranslation)().t,r=(0,a.useMemo)((function(){return[{key:"name",header:s("moduleName","Module Name")},{key:"installedVersion",header:s("installedVersion","Installed Version")}]}),[s]);return i().createElement("div",{className:dn.container},i().createElement(o.wQF,{rows:[],headers:r},(function(e){var a=e.headers,l=e.getTableProps,r=e.getHeaderProps;return i().createElement(o.xJi,{title:""},i().createElement(o.iA_,gn({},l()),i().createElement(o.ssF,null,i().createElement(o.SCH,null,a.map((function(e){return i().createElement(o.xDH,gn({},r({header:e})),e.header)})))),i().createElement(o.RMI,null,t.map((function(e){return i().createElement(o.SCH,{key:e.name},i().createElement(o.pj1,null,e.name),i().createElement(o.pj1,null,null!==(n=e.version)&&void 0!==n?n:s("unknownVersion","unknown")))})))))})))},yn=t(5855),hn={};hn.styleTagTransform=w(),hn.setAttributes=A(),hn.insert=b().bind(null,"head"),hn.domAPI=h(),hn.insertStyleElement=_(),f()(yn.Z,hn);const mn=yn.Z&&yn.Z.locals?yn.Z.locals:void 0;function bn(){return bn=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},bn.apply(this,arguments)}var $n=function(e){var n=e.frontendModules,t=(0,l.useTranslation)().t,s=(0,a.useMemo)((function(){return[{key:"name",header:t("moduleName","Module Name")},{key:"installedVersion",header:t("installedVersion","Installed Version")},{key:"requiredVersion",header:t("requiredVersion","Required Version")}]}),[t]);return i().createElement("div",{className:mn.container},i().createElement(o.wQF,{rows:[],headers:s},(function(e){var s=e.headers,l=e.getTableProps,r=e.getHeaderProps;return i().createElement(o.xJi,{title:""},i().createElement(o.iA_,bn({},l()),i().createElement(o.ssF,null,i().createElement(o.SCH,null,s.map((function(e){return i().createElement(o.xDH,bn({},r({header:e})),e.header)})))),i().createElement(o.RMI,null,n.map((function(e){return i().createElement(a.Fragment,{key:e.name},i().createElement(o.SCH,null,i().createElement(o.pj1,null,i().createElement("strong",null,e.name)),i().createElement(o.pj1,null),i().createElement(o.pj1,null)),e.dependencies.map((function(e){return i().createElement(o.SCH,{key:e.name},i().createElement(o.pj1,null,e.name),i().createElement(o.pj1,null,"missing"===e.type?i().createElement("span",{style:{color:"red"}},t("missing","Missing")):"version-mismatch"===e.type?i().createElement("span",{style:{color:"red"}},e.installedVersion):i().createElement("span",{style:{color:"green"}},e.installedVersion)),i().createElement(o.pj1,null,e.requiredVersion))})))})))))})))},An=t(2890),vn={};vn.styleTagTransform=w(),vn.setAttributes=A(),vn.insert=b().bind(null,"head"),vn.domAPI=h(),vn.insertStyleElement=_(),f()(An.Z,vn);const _n=An.Z&&An.Z.locals?An.Z.locals:void 0;function xn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function wn(){return wn=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},wn.apply(this,arguments)}function kn(e){var n,t,r=e.close,p=e.frontendModules,c=e.backendDependencies,u=(0,l.useTranslation)().t,d=(n=(0,a.useState)(0),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,o=[],s=!0,l=!1;try{for(t=t.call(e);!(s=(a=t.next()).done)&&(o.push(a.value),!n||o.length!==n);s=!0);}catch(e){l=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return xn(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(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?xn(e,n):void 0}}(n,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.")}()),g=d[0],f=d[1],y=(0,a.useMemo)((function(){return 0==g?i().createElement(pn,null):1==g?i().createElement(fn,{frontendModules:p}):i().createElement($n,{frontendModules:c})}),[g]);return i().createElement("div",{className:_n.popup},i().createElement("div",{className:_n.topBar},i().createElement("div",{className:_n.tabs},i().createElement(o.GHR,{onChange:function(e){f(e.index)}},i().createElement(o.rsf,{name:"configuration-tab",text:u("configuration","Configuration")}),i().createElement(o.rsf,{name:"frontend-modules-tab",text:u("frontendModules","Frontend Modules")}),i().createElement(o.rsf,{name:"backend-modules-tab",text:u("backendModules","Backend Modules")}))),i().createElement("div",null,i().createElement(o.zxk,{kind:"secondary",renderIcon:function(e){return i().createElement(s.x8,wn({size:16},e))},iconDescription:"Close",onClick:r,hasIconOnly:!0,size:"sm"}))),i().createElement("div",{className:_n.content},y))}}}]);