@openmrs/esm-implementer-tools-app 3.3.2-pre.9 → 3.4.0

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 (45) hide show
  1. package/.turbo/turbo-build.log +38 -38
  2. package/dist/1.js +1 -2
  3. package/dist/105.js +1 -2
  4. package/dist/25.js +1 -2
  5. package/dist/280.js +1 -2
  6. package/dist/284.js +1 -2
  7. package/dist/350.js +1 -0
  8. package/dist/458.js +1 -2
  9. package/dist/475.js +1 -2
  10. package/dist/531.js +1 -2
  11. package/dist/620.js +1 -2
  12. package/dist/652.js +1 -2
  13. package/dist/735.js +1 -2
  14. package/dist/743.js +1 -2
  15. package/dist/769.js +1 -2
  16. package/dist/788.js +1 -2
  17. package/dist/811.js +1 -2
  18. package/dist/860.js +1 -2
  19. package/dist/889.js +1 -2
  20. package/dist/890.js +1 -2
  21. package/dist/openmrs-esm-implementer-tools-app.js +1 -1
  22. package/dist/openmrs-esm-implementer-tools-app.js.buildmanifest.json +75 -115
  23. package/dist/openmrs-esm-implementer-tools-app.old +1 -2
  24. package/package.json +4 -4
  25. package/dist/1.js.map +0 -1
  26. package/dist/105.js.map +0 -1
  27. package/dist/25.js.map +0 -1
  28. package/dist/280.js.map +0 -1
  29. package/dist/284.js.map +0 -1
  30. package/dist/458.js.map +0 -1
  31. package/dist/475.js.map +0 -1
  32. package/dist/531.js.map +0 -1
  33. package/dist/620.js.map +0 -1
  34. package/dist/652.js.map +0 -1
  35. package/dist/735.js.map +0 -1
  36. package/dist/743.js.map +0 -1
  37. package/dist/769.js.map +0 -1
  38. package/dist/788.js.map +0 -1
  39. package/dist/811.js.map +0 -1
  40. package/dist/839.js +0 -2
  41. package/dist/839.js.map +0 -1
  42. package/dist/860.js.map +0 -1
  43. package/dist/889.js.map +0 -1
  44. package/dist/890.js.map +0 -1
  45. package/dist/openmrs-esm-implementer-tools-app.js.map +0 -1
package/dist/475.js CHANGED
@@ -1,2 +1 @@
1
- "use strict";(self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[475],{2222:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.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:""}]),r.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 s=r},8521:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,".-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .bx--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .bx--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(.bx--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.arrayEditor :global(.bx--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:""}]),r.locals={arrayEditor:"-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x",buttonCell:"-esm-implementer-tools__array-editor-styles__buttonCell___R1Z6C"};const s=r},7305:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,".-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .bx--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .bx--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(.bx--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.objectEditor :global(.bx--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:""}]),r.locals={objectEditor:"-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn",buttonCell:"-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs"};const s=r},2279:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:transparent}.-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__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 .bx--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/configuration.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,2EC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,2ECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,mECmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,kEACE,4BAAA,CEfF,6DACE,UAAA,CACA,wBHFM,CGGN,+BAAA,CACA,4BAAA,CACA,SAAA,CACA,eAAA,CACA,KAAA,CAGF,+DACE,mBAAA,CACA,YAAA,CACA,4BAAA,CACA,kBAAA,CAGF,oEACE,oBAAA,CACA,aAAA,CAGF,mEACE,eAAA,CACA,wBH1BM,CG2BN,UAAA,CACA,YAAA,CACA,eAAA,CAGF,sEACE,SAAA,CAEA,eAAA,CACA,eAAA,CAGF,uEACE,SAAA,CACA,wBHvCM,CGwCN,aAAA,CACA,gBAAA,CACA,cAAA,CACA,wBAAA,CACA,eAAA,CAGF,8FACE,aAAA,CAGF,2EACE,UAAA,CACA,YAAA,CACA,wBAAA",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../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-05 $spacing-05 0;\n display: flex;\n justify-content: space-around;\n align-items: center;\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-05 2em;\n font-size: 12pt;\n overflow-wrap: break-word;\n overflow-y: auto;\n}\n\n.configTreePane :global(.bx--text-input-wrapper) {\n min-width: 8em;\n}\n\n.toggleToolbarButton {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n}\n'],sourceRoot:""}]),r.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",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",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"};const s=r},1860:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,".-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS .bx--accordion__content{padding-right:0}","",{version:3,sources:["webpack://./src/configuration/interactive-editor/config-tree.styles.scss"],names:[],mappings:"AAAA,gGACE,eAAA",sourcesContent:[".fullWidthAccordion :global(.bx--accordion__content) {\n padding-right: 0;\n}\n"],sourceRoot:""}]),r.locals={fullWidthAccordion:"-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS"};const s=r},9306:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__description-styles__productiveHeading01___6zM8b{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:transparent}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px;margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.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-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/interactive-editor/description.styles.scss","webpack://./../../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,yEC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,yECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,kECmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,iEACE,4BAAA,CEfF,0DD6gBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CChsBxB,mBCiBmB,CDdrB,iEDwgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CC3rBxB,kBCsBmB,CDnBrB,4DDmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CCtrBxB,iBAAA,CACA,mBCMmB,CDHrB,2DACE,qBAAA,CACA,gBCCmB,CAAA,iBAAA",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../../implementer-tools.styles.scss";\n\n.path {\n @include carbon--type-style("productive-heading-02");\n margin-bottom: $spacing-03;\n}\n\n.description {\n @include carbon--type-style("body-short-01");\n margin-bottom: $spacing-05;\n}\n\n.source {\n @include carbon--type-style("body-short-01");\n font-style: italic;\n margin-bottom: $spacing-03;\n}\n\n.value {\n font-family: monospace;\n margin-top: $spacing-03;\n margin-left: $spacing-03;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n $carbon--spacing-01,\n $carbon--spacing-02,\n $carbon--spacing-03,\n $carbon--spacing-04,\n $carbon--spacing-05,\n $carbon--spacing-06,\n $carbon--spacing-07,\n $carbon--spacing-08,\n $carbon--spacing-09,\n $carbon--spacing-10,\n $carbon--spacing-11,\n $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),r.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",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 s=r},6350:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__display-value__productiveHeading01___qSdMY{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:transparent}.-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-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/interactive-editor/display-value.scss","webpack://./../../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,oEC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,oECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,4DCmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,2DACE,4BAAA,CEfF,8DACE,aCkBmB",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../../implementer-tools.styles.scss";\n\n.smallListCell {\n padding: $spacing-03;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n $carbon--spacing-01,\n $carbon--spacing-02,\n $carbon--spacing-03,\n $carbon--spacing-04,\n $carbon--spacing-05,\n $carbon--spacing-06,\n $carbon--spacing-07,\n $carbon--spacing-08,\n $carbon--spacing-09,\n $carbon--spacing-10,\n $carbon--spacing-11,\n $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),r.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",smallListCell:"-esm-implementer-tools__display-value__smallListCell___3vXBH"};const s=r},7960:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:transparent}.-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:flex-start}.-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-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/interactive-editor/editable-value.styles.scss","webpack://./../../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,4EC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,4ECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,oECmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,mEACE,4BAAA,CEfF,qEACE,eAAA,CACA,aAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CAGF,8DACE,eAAA,CACA,YAAA,CACA,cAAA,CAGF,wEACE,aAAA,CAGF,qEACE,YAAA,CACA,sBAAA,CAGF,wEACE,gBCKmB",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../../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: flex-start;\n}\n\n.editValueButton {\n margin-left: $spacing-05;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n $carbon--spacing-01,\n $carbon--spacing-02,\n $carbon--spacing-03,\n $carbon--spacing-04,\n $carbon--spacing-05,\n $carbon--spacing-06,\n $carbon--spacing-07,\n $carbon--spacing-08,\n $carbon--spacing-09,\n $carbon--spacing-10,\n $carbon--spacing-11,\n $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),r.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",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 s=r},3330:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__value-editor__productiveHeading01___t4lXG{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:transparent}.-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-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/interactive-editor/value-editor.scss","webpack://./../../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mEC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,mECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,2DCmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,0DACE,4BAAA,CEfF,kEACE,gBCkBmB",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../../implementer-tools.styles.scss";\n\n.valueEditorButtons {\n margin-top: $spacing-03;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n $carbon--spacing-01,\n $carbon--spacing-02,\n $carbon--spacing-03,\n $carbon--spacing-04,\n $carbon--spacing-05,\n $carbon--spacing-06,\n $carbon--spacing-07,\n $carbon--spacing-08,\n $carbon--spacing-09,\n $carbon--spacing-10,\n $carbon--spacing-11,\n $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),r.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",valueEditorButtons:"-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ"};const s=r},7047:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:transparent}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.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}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/configuration/interactive-editor/value-editors/uuid-search.scss","webpack://./../../../node_modules/carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,kEC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,kECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,0DCmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,yDACE,4BAAA,CEfF,yDD6gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CChsBxB,aAAA,CACA,mBCgBmB,CDfnB,oBCemB,CDdnB,+BAAA,CAGF,sIAEE,iBAAA,CACA,UAAA,CAGF,sDACE,oBAAA,CAGF,4DACE,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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../../../implementer-tools.styles.scss";\n\n.activeUuid {\n @include carbon--type-style("body-short-01");\n color: $ui-05;\n margin-bottom: $spacing-03;\n padding-bottom: $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-03;\n}\n\n.smallListCell {\n padding: $spacing-03;\n}\n',"// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2019\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing-12: 6rem !default;\n\n/// @type List\n/// @access public\n/// @group @carbon/layout\n$carbon--spacing: (\n $carbon--spacing-01,\n $carbon--spacing-02,\n $carbon--spacing-03,\n $carbon--spacing-04,\n $carbon--spacing-05,\n $carbon--spacing-06,\n $carbon--spacing-07,\n $carbon--spacing-08,\n $carbon--spacing-09,\n $carbon--spacing-10,\n $carbon--spacing-11,\n $carbon--spacing-12\n);\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-01\n$spacing-01: $carbon--spacing-01 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-02\n$spacing-02: $carbon--spacing-02 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-03\n$spacing-03: $carbon--spacing-03 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-04\n$spacing-04: $carbon--spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-05\n$spacing-05: $carbon--spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-06\n$spacing-06: $carbon--spacing-06 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-07\n$spacing-07: $carbon--spacing-07 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-08\n$spacing-08: $carbon--spacing-08 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-09\n$spacing-09: $carbon--spacing-09 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-10\n$spacing-10: $carbon--spacing-10 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-11\n$spacing-11: $carbon--spacing-11 !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n/// @alias carbon--spacing-12\n$spacing-12: $carbon--spacing-12 !default;\n"],sourceRoot:""}]),r.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",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"};const s=r},2890:(n,e,t)=>{t.d(e,{Z:()=>s});var a=t(9233),o=t.n(a),i=t(361),r=t.n(i)()(o());r.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-implementer-tools__popup-styles__productiveHeading01___4leaH{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:transparent}.-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;border-bottom:1px solid #a0a0a0;z-index:2;background:#e0e0e0}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU .bx--content-switcher-btn:first-child,.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU .bx--content-switcher-btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/_styles.scss","webpack://./src/popup/popup.styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CCnDF,mEC2gBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CD5rB1B,mECugBI,cAqLsB,CArLtB,eAqLsB,CArLtB,iBAqLsB,CArLtB,gBAqLsB,CDxrB1B,2DCmgBI,iBAqLsB,CArLtB,eAqLsB,CArLtB,gBAqLsB,CArLtB,oBAqLsB,CDprB1B,0DACE,4BAAA,CEfF,qDACE,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,cAAA,CACA,wBHNM,CGON,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,+BAAA,CACA,SAAA,CACA,kBAAA,CAGF,yLAEE,wBAAA,CACA,2BAAA,CACA,yBAAA,CACA,4BAAA",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: 1200px;\n$breakpoint-desktop-min: 1201px;\n$breakpoint-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",'@import "~carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/type/styles";\n@import "~carbon-components/src/globals/scss/vendor/@carbon/layout/scss/generated/spacing";\n@import "~@openmrs/esm-styleguide/src/vars";\n\n.productiveHeading01 {\n @include carbon--type-style("productive-heading-01");\n}\n\n.productiveHeading02 {\n @include carbon--type-style("productive-heading-02");\n}\n\n.bodyShort01 {\n @include carbon--type-style("body-short-01");\n}\n\n.toolStyles {\n background-color: transparent;\n}\n',"//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@import '../layout/breakpoint';\n@import 'font-family';\n@import 'scale';\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$caption-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$helper-text-01: (\n font-size: carbon--type-scale(1),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(1),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.34,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: carbon--font-family('mono'),\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.43,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: carbon--type-scale(2),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.29,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: carbon--type-scale(3),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: map-merge(\n $heading-01,\n (\n line-height: 1.25,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: map-merge(\n $heading-02,\n (\n line-height: 1.5,\n )\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(5),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: carbon--type-scale(7),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.29,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.25,\n ),\n max: (\n font-size: carbon--type-scale(8),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n font-weight: carbon--font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: carbon--type-scale(6),\n font-weight: carbon--font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-size: carbon--type-scale(5),\n font-weight: carbon--font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(5),\n ),\n lg: (\n font-size: carbon--type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: carbon--type-scale(7),\n line-height: 1.29,\n ),\n max: (\n font-size: carbon--type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-size: carbon--type-scale(8),\n font-weight: carbon--font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: carbon--type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: carbon--type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(10),\n ),\n lg: (\n font-size: carbon--type-scale(12),\n ),\n xlg: (\n font-size: carbon--type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: carbon--type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: carbon--type-scale(10),\n font-weight: carbon--font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: carbon--type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: carbon--type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: carbon--type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: carbon--type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n label-01: $label-01,\n helper-text-01: $helper-text-01,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n);\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return $value / ($value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: $carbon--grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map-remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map-get($type-styles, breakpoints) {\n @include carbon--breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: $carbon--grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map-get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map-get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map-remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map-get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map-get($type-styles, font-size);\n $min-font-size: map-get($type-styles, font-size);\n @if map-has-key($fluid-breakpoint, font-size) {\n $min-font-size: map-get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map-get($breakpoint, width);\n $min-vw: map-get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: carbon--breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map-has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: carbon--breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map-get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map-get(\n map-get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map-get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n$custom-property-prefix: 'cds' !default;\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$carbon--grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin carbon--type-style(\n $name,\n $fluid: false,\n $breakpoints: $carbon--grid-breakpoints\n) {\n @if not map-has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map-get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map-has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @if global-variable-exists('feature-flags') and\n map-get($feature-flags, 'enable-css-custom-properties')\n {\n @include custom-properties($name, $token);\n } @else {\n // Otherwise, we just include all the property declarations directly on the\n // selector\n @include properties(map-remove($token, 'breakpoints'));\n }\n }\n}\n",'@import "../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 border-bottom: 1px solid #a0a0a0;\n z-index: 2;\n background: #e0e0e0;\n}\n\n.topBar :global(.bx--content-switcher-btn:first-child),\n.topBar :global(.bx--content-switcher-btn:last-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n'],sourceRoot:""}]),r.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",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 s=r},9475:(n,e,t)=>{t.r(e),t.d(e,{default:()=>ye});var a=t(6983),o=t.n(a),i=t(4790),r=t(487),s=t.n(r),l=t(631),c=t.n(l),p=t(2052),u=t.n(p),b=t(4010),d=t.n(b),g=t(1469),f=t.n(g),h=t(9329),y=t.n(h),m=t(2890),$={};$.styleTagTransform=y(),$.setAttributes=d(),$.insert=u().bind(null,"head"),$.domAPI=c(),$.insertStyleElement=f(),s()(m.Z,$);const v=m.Z&&m.Z.locals?m.Z.locals:void 0;var x=t(9784),k=t(2680),w=t(2626),_=t(1890),A=t(2562),z=t(4946),C=t(8478),B=t(1004),E=t(1860),M={};M.styleTagTransform=y(),M.setAttributes=d(),M.insert=u().bind(null,"head"),M.domAPI=c(),M.insertStyleElement=f(),s()(E.Z,M);const S=E.Z&&E.Z.locals?E.Z.locals:void 0;var L=t(988),T=t(323),N=t(5259),I=t(2015),q=t(2059),O=t(7960),D={};D.styleTagTransform=y(),D.setAttributes=d(),D.insert=u().bind(null,"head"),D.domAPI=c(),D.insertStyleElement=f(),s()(O.Z,D);const j=O.Z&&O.Z.locals?O.Z.locals:void 0;var Z=t(9963),H=t(7474),F=t(7644),P=t(7555),U=t(8521),W={};W.styleTagTransform=y(),W.setAttributes=d(),W.insert=u().bind(null,"head"),W.domAPI=c(),W.insertStyleElement=f(),s()(U.Z,W);const G=U.Z&&U.Z.locals?U.Z.locals:void 0;function R(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function V(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),a.forEach((function(e){R(n,e,t[e])}))}return n}function J(n){var e,t=n.element,i=n.valueArray,r=n.setValue,s=(0,a.useMemo)((function(){return(0,H.Z)("array-editor-")}),[]);return o().createElement(x.Tile,{className:G.arrayEditor},o().createElement(x.StructuredListWrapper,null,o().createElement(x.StructuredListBody,null,i.map((function(n,a){var l;return o().createElement(x.StructuredListRow,{key:"".concat(s,"-").concat(a)},o().createElement(x.StructuredListCell,null,o().createElement(_n,{element:V({},t._elements,{_value:n,_source:t._source}),valueType:null!==(e=null===(l=t._elements)||void 0===l?void 0:l._type)&&void 0!==e?e:F.Type.Object,value:n,onChange:function(n){var e=(0,N.Z)(i);e[a]=n,r(e)}})),o().createElement(x.StructuredListCell,{className:G.buttonCell},o().createElement(x.Button,{renderIcon:z.Z,size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var n=(0,N.Z)(i);n.splice(a,1),r(n)}})))})),o().createElement(x.StructuredListRow,null,o().createElement(x.StructuredListCell,null,o().createElement(x.Button,{renderIcon:P.Z,size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var n,e,a=(0,N.Z)(i),o=(null!==(e=null===(n=t._elements)||void 0===n?void 0:n._type)&&void 0!==e?e:F.Type.Object)==F.Type.Object?{}:null;a.push(o),r(a)}}))))))}var K=t(753),Y=t(7047),X={};X.styleTagTransform=y(),X.setAttributes=d(),X.insert=u().bind(null,"head"),X.domAPI=c(),X.insertStyleElement=f(),s()(Y.Z,X);const Q=Y.Z&&Y.Z.locals?Y.Z.locals:void 0;function nn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function en(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return nn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?nn(n,e):void 0}}(n,e)||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 tn(n){var e=n.setConcept,t=n.value,i=en((0,a.useState)(""),2),r=i[0],s=i[1],l=en((0,a.useState)([]),2),c=l[0],p=l[1],u=en((0,a.useState)(t),2),b=u[0],d=u[1],g=(0,k.useTranslation)().t,f=(0,a.useMemo)((function(){return(0,H.Z)()}),[]),h=(0,K.Z)((function(n){s(n)}),300);return(0,a.useEffect)((function(){var n,e=new AbortController;return r&&r.length>=2?(n=r,(0,F.openmrsFetch)("/ws/rest/v1/concept/?q=".concat(n),{method:"GET"})).then((function(n){var e=n.data.results;p(e.slice(0,9))})):p([]),function(){return e.abort()}}),[r]),o().createElement("div",null,b&&o().createElement("p",{className:Q.activeUuid},b),o().createElement("div",{className:Q.autocomplete},o().createElement(x.Search,{id:"searchbox-".concat(f),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":g("searchConceptHelperText","Concept Name"),"aria-controls":"searchbox-".concat(f),"aria-expanded":c.length>0,placeholder:g("searchConceptHelperText","Concept Name"),onChange:function(n){h(n.target.value)}}),!!c.length&&o().createElement(x.StructuredListWrapper,{selection:!0,id:"searchbox-".concat(f),className:Q.listbox},c.map((function(n){return o().createElement(x.StructuredListRow,{key:n.uuid,role:"option",onClick:function(){!function(n){d(n.uuid),s(""),p([]),e(n)}(n)},"aria-selected":"true"},o().createElement(x.StructuredListCell,{className:Q.smallListCell},n.display))}))),r&&c&&!c.length&&o().createElement("p",{className:Q.bodyShort01},g("noConceptsFoundText","No matching results found"))))}function an(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}var on=(0,C.getExtensionInternalStore)();function rn(n){var e,t,i=n.value,r=n.setValue,s=(e=(0,a.useState)([]),t=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(e,t)||function(n,e){if(n){if("string"==typeof n)return an(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?an(n,e):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.")}()),l=s[0],c=s[1];return(0,a.useEffect)((function(){var n=function(n){c(Object.keys(n.extensions))};return n(on.getState()),on.subscribe(n)}),[]),o().createElement(x.MultiSelect.Filterable,{id:"add-select",items:l.map((function(n){return{id:n,label:n}})),placeholder:"Select extensions",onChange:function(n){return r(n.selectedItems.map((function(n){return n.id})))},initialSelectedItems:i})}function sn(n){var e=n.slotName,t=(n.slotModuleName,n.value),a=n.setValue,i=(0,F.useAssignedExtensions)(e).map((function(n){return n.id}));return o().createElement(x.MultiSelect.Filterable,{id:"add-select",items:i.map((function(n){return{id:n,label:n}})),placeholder:"Select extensions",onChange:function(n){return a(n.selectedItems.map((function(n){return n.id})))},initialSelectedItems:t})}var ln=t(7305),cn={};cn.styleTagTransform=y(),cn.setAttributes=d(),cn.insert=u().bind(null,"head"),cn.domAPI=c(),cn.insertStyleElement=f(),s()(ln.Z,cn);const pn=ln.Z&&ln.Z.locals?ln.Z.locals:void 0;function un(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function bn(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function dn(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),a.forEach((function(e){bn(n,e,t[e])}))}return n}function gn(n){var e=n.element,t=n.valueObject,a=n.setValue;return o().createElement(x.Tile,{className:pn.objectEditor},o().createElement(x.StructuredListWrapper,null,o().createElement(x.StructuredListBody,null,Object.entries(e).map((function(n){var i,r,s=(r=2,function(n){if(Array.isArray(n))return n}(i=n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(i,r)||function(n,e){if(n){if("string"==typeof n)return un(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?un(n,e):void 0}}(i,r)||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.")}()),l=s[0],c=s[1];return l.startsWith("_")?null:o().createElement(x.StructuredListRow,{key:l},o().createElement(x.StructuredListCell,null,o().createElement(_n,{element:{_value:l,_source:e._source},valueType:F.Type.String,value:l,onChange:function(n){var e=(0,N.Z)(t);e[n]=(0,N.Z)(t[l]),delete e[l],a(e)}})),o().createElement(x.StructuredListCell,null,o().createElement(_n,{element:dn({},c,{_value:t[l],_source:e._source}),valueType:c._type,value:t[l],onChange:function(n){var e=(0,N.Z)(t);e[l]=n,a(e)}})))})))))}function fn(n){return n.slotName,n.slotModuleName,n.value,n.setValue,o().createElement("div",null,"Todo: compose array with extension lookup")}function hn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function yn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return hn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?hn(n,e):void 0}}(n,e)||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 mn(n){var e=n.setPersonAttributeUuid,t=n.value,i=yn((0,a.useState)(""),2),r=i[0],s=i[1],l=yn((0,a.useState)([]),2),c=l[0],p=l[1],u=yn((0,a.useState)(t),2),b=u[0],d=u[1],g=(0,k.useTranslation)().t,f=(0,a.useMemo)((function(){return(0,H.Z)()}),[]),h=(0,K.Z)((function(n){s(n)}),300);return(0,a.useEffect)((function(){var n,e=new AbortController;return r&&r.length>=2?(n=r,(0,F.openmrsFetch)("/ws/rest/v1/personattributetype/?q=".concat(n),{method:"GET"})).then((function(n){var e=n.data.results;p(e.slice(0,9))})):p([]),function(){return e.abort()}}),[r]),o().createElement("div",null,b&&o().createElement("p",{className:Q.activeUuid},b),o().createElement("div",{className:Q.autocomplete},o().createElement(x.Search,{id:"search-input-".concat(f),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(f),"aria-expanded":c.length>0,placeholder:g("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(n){h(n.target.value)}}),!!c.length&&o().createElement(x.StructuredListWrapper,{selection:!0,className:Q.listbox,id:"searchbox-".concat(f)},c.map((function(n){return o().createElement(x.StructuredListRow,{key:n.uuid,role:"option",onClick:function(){!function(n){d(n.uuid),s(""),p([]),e(n.uuid)}(n)},"aria-selected":"true"},o().createElement(x.StructuredListCell,{className:Q.smallListCell},n.display))}))),r&&c&&!c.length&&o().createElement("p",{className:Q.bodyShort01},g("noPersonAttributeFoundText","No matching results found"))))}var $n=t(9136);function vn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function xn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return vn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?vn(n,e):void 0}}(n,e)||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 kn(n){var e=n.setPatientIdentifierTypeUuid,t=n.value,i=xn((0,a.useState)(""),2),r=i[0],s=i[1],l=function(){var n=(0,$n.ZP)("/ws/rest/v1/patientidentifiertype",F.openmrsFetch),e=n.data,t=n.error;return(0,a.useMemo)((function(){var n;return{data:null==e||null===(n=e.data)||void 0===n?void 0:n.results,isLoading:!e&&!t}}),[e,t])}(),c=l.data,p=l.isLoading,u=xn((0,a.useState)(t),2),b=u[0],d=u[1],g=(0,k.useTranslation)().t,f=(0,a.useMemo)((function(){return(0,H.Z)()}),[]),h=(0,a.useMemo)((function(){return!p&&r&&""!==r?null==c?void 0:c.filter((function(n){return n.display.toLowerCase().includes(r.toLowerCase())})):void 0}),[p,r,c]);return o().createElement("div",null,b&&o().createElement("p",{className:Q.activeUuid},b),o().createElement("div",{className:Q.autocomplete},o().createElement(x.Search,{id:"search-input-".concat(f),labelText:"",type:"text",size:"sm",placeholder:p?g("loading","Loading"):g("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(n){return s(n.target.value)},value:r,disabled:p}),r?(null==h?void 0:h.length)?o().createElement(x.StructuredListWrapper,{selection:!0,className:Q.listbox,id:"searchbox-".concat(f)},null==h?void 0:h.map((function(n){return o().createElement(x.StructuredListRow,{key:n.uuid,role:"option",onClick:function(){!function(n){d(n.uuid),e(n.uuid),s("")}(n)},"aria-selected":"true"},o().createElement(x.StructuredListCell,{className:Q.smallListCell},n.display))}))):o().createElement("p",{className:Q.bodyShort01},g("noPersonAttributeFoundText","No matching results found")):null))}function wn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function _n(n){var e,t,i=n.element,r=n.path,s=n.valueType,l=n.value,c=n.onChange,p=(e=(0,a.useState)((0,H.Z)("value-editor-")),t=1,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(e,t)||function(n,e){if(n){if("string"==typeof n)return wn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?wn(n,e):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.")}())[0];if("remove"===s&&!r)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return s===F.Type.Array?o().createElement(J,{element:i,valueArray:l,setValue:c}):s===F.Type.Boolean?o().createElement(x.Checkbox,{id:p,checked:l,hideLabel:!0,labelText:"",onChange:c}):s===F.Type.ConceptUuid?o().createElement(tn,{value:l,setConcept:function(n){return c(n.uuid)}}):s===F.Type.PersonAttributeTypeUuid?o().createElement(mn,{value:l,setPersonAttributeUuid:function(n){return c(n)}}):s===F.Type.PatientIdentifierTypeUuid?o().createElement(kn,{value:l,setPatientIdentifierTypeUuid:function(n){return c(n)}}):s===F.Type.Number?o().createElement(x.NumberInput,{id:p,value:l,onChange:function(n){return c(Number(n.imaginaryTarget.value))}}):s===F.Type.String||s===F.Type.UUID?o().createElement(x.TextInput,{id:p,value:l,labelText:"",onChange:function(n){return c(n.target.value)}}):"add"===s?o().createElement(rn,{value:null!=l?l:i._value,setValue:c}):"remove"===s&&r?o().createElement(sn,{slotName:r[2],slotModuleName:r[0],value:null!=l?l:i._value,setValue:c}):"order"===s&&r?o().createElement(fn,{slotName:r[2],slotModuleName:r[0],value:null!=l?l:i._value,setValue:c}):"configure"===s&&r?o().createElement(o().Fragment,null,"Todo"):o().createElement(gn,{element:i,valueObject:l,setValue:c})}var An=t(3330),zn={};zn.styleTagTransform=y(),zn.setAttributes=d(),zn.insert=u().bind(null,"head"),zn.domAPI=c(),zn.insertStyleElement=f(),s()(An.Z,zn);const Cn=An.Z&&An.Z.locals?An.Z.locals:void 0;function Bn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function En(n){var e,t,r=n.element,s=n.customType,l=n.path,c=n.handleSave,p=n.handleClose,u=(0,a.useRef)(null),b=(e=(0,a.useState)(r._value),t=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(e,t)||function(n,e){if(n){if("string"==typeof n)return Bn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Bn(n,e):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.")}()),d=b[0],g=b[1],f=(0,k.useTranslation)().t,h=null!=s?s:r._type,y=function(n){"Escape"===n.key?p():"Enter"===n.key&&c(JSON.stringify(d))};return(0,a.useEffect)((function(){return document.addEventListener("keyup",y),function(){document.removeEventListener("keyup",y)}}),[d]),o().createElement("div",{ref:u,style:{display:"inherit"}},o().createElement(_n,{element:r,path:l,value:d,onChange:g,valueType:h}),o().createElement("div",{className:Cn.valueEditorButtons},o().createElement(x.Button,{renderIcon:Z.Z,kind:"primary",onClick:function(){return c(JSON.stringify(d))}},f("saveValueButtonText","Save")),o().createElement(x.Button,{renderIcon:i.Z,kind:"secondary",onClick:p},f("CancelButtonText","Cancel"))))}var Mn=t(6350),Sn={};Sn.styleTagTransform=y(),Sn.setAttributes=d(),Sn.insert=u().bind(null,"head"),Sn.domAPI=c(),Sn.insertStyleElement=f(),s()(Mn.Z,Sn);const Ln=Mn.Z&&Mn.Z.locals?Mn.Z.locals:void 0;function Tn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function Nn(n){var e=n.value;return o().createElement("div",null,Array.isArray(e)?"object"==typeof e[0]?e.map((function(n,e){return o().createElement(x.StructuredListRow,{key:"".concat(n,"-").concat(e)},o().createElement(x.StructuredListCell,{className:Ln.smallListCell},e+1),o().createElement(x.StructuredListCell,{className:Ln.smallListCell},o().createElement(Nn,{value:n})))})):"[ ".concat(e.join(", ")," ]"):"object"==typeof e&&null!==e?Object.entries(e).map((function(n,e){var t=function(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return Tn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tn(n,e):void 0}}(n,e)||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.")}()}(n,2),a=t[0],i=t[1];return o().createElement(x.StructuredListRow,{key:"".concat(a,"-").concat(e)},o().createElement(x.StructuredListCell,{className:Ln.smallListCell},a),o().createElement(x.StructuredListCell,{className:Ln.smallListCell},o().createElement(Nn,{value:i})))})):"string"==typeof e||"number"==typeof e?e:null==e?"none":JSON.stringify(e))}function In(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function qn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||Dn(n,e)||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 On(n){return function(n){if(Array.isArray(n))return In(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||Dn(n)||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 Dn(n,e){if(n){if("string"==typeof n)return In(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?In(n,e):void 0}}function jn(n){var e=n.path,t=n.element,i=n.customType,r=qn((0,a.useState)(),2),s=r[0],l=r[1],c=qn((0,a.useState)(!1),2),p=c[0],u=c[1],b=qn((0,a.useState)(null),2),d=b[0],g=b[1],f=(0,a.useRef)(null),h=(0,k.useTranslation)().t,y=function(){u(!1),g(null)};return(0,a.useEffect)((function(){var n=function(n){n.configPathBeingEdited&&(0,L.Z)(n.configPathBeingEdited,e)&&f&&f.current&&(u(!0),f.current.focus())};return n(B.wT.getState()),B.wT.subscribe(n)}),[]),(0,a.useEffect)((function(){var n=B.wT.getState();p&&!(0,L.Z)(n.configPathBeingEdited,e)&&B.wT.setState({configPathBeingEdited:e,activeItemDescription:{path:e,source:t._source,description:t._description,value:s}}),!p&&(0,L.Z)(n.configPathBeingEdited,e)&&B.wT.setState({configPathBeingEdited:null})}),[p]),o().createElement(o().Fragment,null,o().createElement("div",{className:j.line},p?o().createElement(o().Fragment,null,o().createElement(En,{element:t,customType:i,path:e,handleClose:y,handleSave:function(n){try{var t=JSON.parse(n),a=Zn((0,N.Z)(C.temporaryConfigStore.getState()),["config"].concat(On(e)),t);C.temporaryConfigStore.setState(a),l(n),y()}catch(n){console.warn(n),g("That's not formatted quite right. Try again.")}}})):o().createElement("div",{className:j.elementValue},o().createElement(Nn,{value:t._value}),o().createElement(x.Button,{kind:"ghost",size:"sm",iconDescription:h("editValueButtonText","Edit"),onClick:function(){return u(!0)},ref:f,renderIcon:q.Z,hasIconOnly:!0}),"temporary config"==t._source?o().createElement(x.Button,{renderIcon:I.Z,size:"sm",kind:"ghost",iconDescription:h("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){C.temporaryConfigStore.setState((0,T.Z)(C.temporaryConfigStore.getState(),["config"].concat(On(e))))}}):null),d&&o().createElement("div",{className:j.error},d)))}function Zn(n,e,t){var a;return e.length>1?n[e[0]]=Zn(null!==(a=n[e[0]])&&void 0!==a?a:{},e.slice(1),t):n[e[0]]=t,n}function Hn(n){var e=n.moduleName,t=n.slotName,a=n.config;return o().createElement(jn,{path:[e,t,"configure"],element:a&&Object.keys(a).length?{_value:a,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var Fn=t(2222),Pn={};Pn.styleTagTransform=y(),Pn.setAttributes=d(),Pn.insert=u().bind(null,"head"),Pn.domAPI=c(),Pn.insertStyleElement=f(),s()(Fn.Z,Pn);const Un=Fn.Z&&Fn.Z.locals?Fn.Z.locals:void 0;function Wn(n){var e=n.leaf,t=n.label,a=n.children,i=n.onMouseEnter,r=n.onMouseLeave;return e?o().createElement(x.StructuredListRow,{className:Un.structuredListRow,onMouseEnter:i,onMouseLeave:r},o().createElement(x.StructuredListCell,{className:Un.labelCell},t),o().createElement(x.StructuredListCell,null,a)):o().createElement(o().Fragment,null,o().createElement(x.StructuredListRow,{className:Un.structuredListRow,onMouseEnter:i,onMouseLeave:r},o().createElement(x.StructuredListCell,{className:Un.labelCell},t),o().createElement(x.StructuredListCell,null)),o().createElement(x.StructuredListRow,{className:Un.structuredListRow},o().createElement(x.StructuredListCell,null),o().createElement(x.StructuredListCell,{className:Un.subtreeCell},o().createElement(x.StructuredListWrapper,{className:Un.structuredList},o().createElement(x.StructuredListBody,null,a)))))}function Gn(n){var e=n.extensionsConfig,t=n.moduleName;return e&&Object.keys(e).length?o().createElement(Wn,{label:"extension slots",leaf:!1},Object.keys(e).map((function(n){return o().createElement(Rn,{key:n,config:null==e?void 0:e[n],path:[t,"extensionSlots",n]})}))):null}function Rn(n){var e,t=n.config,a=n.path,i=function(n){var e,t=B.wT.getState();(0,L.Z)(null===(e=t.activeItemDescription)||void 0===e?void 0:e.path,n)&&!(0,L.Z)(t.configPathBeingEdited,n)&&B.wT.setState({activeItemDescription:void 0})},r=a[0],s=a[2],l=(0,F.useAssignedExtensions)(s);return o().createElement(Wn,{label:s,leaf:!1,onMouseEnter:function(){return n=r,e=s,void(B.wT.getState().configPathBeingEdited||B.wT.setState({activeItemDescription:{path:[n,e],value:l.map((function(n){return n.id}))}}));var n,e},onMouseLeave:function(){return i([r,s])}},["add","remove","order","configure"].map((function(n){var l;return o().createElement(Wn,{label:n,key:a.join(".")+n,leaf:!0,onMouseEnter:function(){return function(n,e,t,a){B.wT.getState().configPathBeingEdited||B.wT.setState({activeItemDescription:{path:[n,e,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)}})}(r,s,n,null==t?void 0:t[n])},onMouseLeave:function(){return i([r,s,n])}},"configure"===n?o().createElement(Hn,{moduleName:r,slotName:s,config:null==t||null===(l=t.configure)||void 0===l?void 0:l._value}):o().createElement(jn,{path:a.concat([n]),element:null!==(e=null==t?void 0:t[n])&&void 0!==e?e:{_value:void 0,_source:"default",_default:[]},customType:n}))})))}function Vn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function Jn(n){var e=n.config,t=n.path,a=void 0===t?[]:t;return o().createElement(o().Fragment,null,Object.entries(e).map((function(n,e){var t=function(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return Vn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Vn(n,e):void 0}}(n,e)||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.")}()}(n,2),i=t[0],r=t[1],s=a.concat([i]),l=r.hasOwnProperty("_value")||r.hasOwnProperty("_type");return o().createElement(Wn,{label:i,leaf:l,onMouseEnter:function(){return function(n,e,t){B.wT.getState().configPathBeingEdited||B.wT.setState({activeItemDescription:{path:n,source:t._source,description:t._description,value:JSON.stringify(t._value)}})}(s,0,r)},onMouseLeave:function(){return function(n){var e,t=B.wT.getState();(0,L.Z)(null===(e=t.activeItemDescription)||void 0===e?void 0:e.path,n)&&!(0,L.Z)(t.configPathBeingEdited,n)&&B.wT.setState({activeItemDescription:void 0})}(s)},key:"subtree-".concat(s.join("."))},l?o().createElement(jn,{path:s,element:r}):o().createElement(Jn,{config:r,path:s}))})))}var Kn=t(8180);function Yn(n){var e=n.children;return o().createElement(x.StructuredListWrapper,{className:Un.structuredList},o().createElement(x.StructuredListBody,null,e))}function Xn(n){var e=n.config,t=n.moduleName;return o().createElement(Yn,null,o().createElement(Gn,{extensionsConfig:e.extensionSlots,moduleName:t}),o().createElement(Jn,{config:(0,Kn.Z)(e,(function(n,e){return"extensionSlots"!==e})),path:[t]}))}function Qn(n){var e=n.config;return o().createElement(x.Accordion,{align:"start"},e&&Object.keys(e).sort().map((function(n){var t=e[n];return Object.keys(t).length?o().createElement(x.AccordionItem,{title:o().createElement("h6",null,n),className:S.fullWidthAccordion,key:"accordion-".concat(n)},o().createElement(Xn,{config:t,moduleName:n,key:"".concat(n,"-config")})):null})))}var ne=t(9306),ee={};ee.styleTagTransform=y(),ee.setAttributes=d(),ee.insert=u().bind(null,"head"),ee.domAPI=c(),ee.insertStyleElement=f(),s()(ne.Z,ee);const te=ne.Z&&ne.Z.locals?ne.Z.locals:void 0;function ae(){var n=(0,k.useTranslation)().t,e=(0,F.useStore)(B.wT).activeItemDescription;return o().createElement("div",null,e?o().createElement(o().Fragment,null,o().createElement("h2",{className:te.path},e.path.slice(1).join(" → ")),o().createElement("p",{className:te.description},e.description),o().createElement("p",{className:te.source},"default"===e.source?o().createElement(o().Fragment,null,n("itemDescriptionSourceDefaultText","The current value is the default.")):e.source?o().createElement(o().Fragment,null,n("activeItemSourceText","The current value comes from "),e.source):null),e.value?o().createElement("h4",{className:te.productiveHeading01},n("value","Value")):null,o().createElement("p",{className:te.value},Array.isArray(e.value)?e.value.map((function(n,e){return o().createElement("p",{key:"".concat(n,"-").concat(e)},n)})):e.value)):null)}var oe=t(8403),ie=t(2279),re={};re.styleTagTransform=y(),re.setAttributes=d(),re.insert=u().bind(null,"head"),re.domAPI=c(),re.insertStyleElement=f(),s()(ie.Z,re);const se=ie.Z&&ie.Z.locals?ie.Z.locals:void 0;function le(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}var ce=o().lazy((function(){return Promise.all([t.e(652),t.e(620),t.e(531)]).then(t.bind(t,8531))})),pe={toggleIsUIEditorEnabled:function(n){return{isUIEditorEnabled:!n.isUIEditorEnabled}},toggleIsToolbarOpen:function(n){return{isConfigToolbarOpen:!n.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(n){return{isJsonModeEnabled:!n.isJsonModeEnabled}}},ue={toggleDevDefaults:function(n){return{devDefaultsAreOn:!n.devDefaultsAreOn}}},be=function(n){var e=n.isConfigToolbarOpen,t=n.toggleIsToolbarOpen;return o().createElement(x.Button,{hasIconOnly:!0,renderIcon:e?_.Z:w.Z,onClick:t,kind:"ghost",size:"small",tooltipPosition:"left",iconDescription:"".concat(e?"Hide":"Show"," toolbar")})},de=function(){var n,e,t=(0,k.useTranslation)().t,i=(0,C.useStoreWithActions)(B.wT,pe),r=i.isUIEditorEnabled,s=i.toggleIsUIEditorEnabled,l=i.isJsonModeEnabled,c=i.toggleIsJsonModeEnabled,p=i.isConfigToolbarOpen,u=i.toggleIsToolbarOpen,b=(0,C.useStoreWithActions)(C.configInternalStore,ue),d=b.devDefaultsAreOn,g=b.toggleDevDefaults,f=(0,C.useStore)(C.implementerToolsConfigStore).config,h=(0,C.useStore)((0,C.getExtensionInternalStore)()),y=(0,C.useStore)(C.temporaryConfigStore),m=(n=(0,a.useState)(""),e=2,function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return le(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?le(n,e):void 0}}(n,e)||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.")}()),$=m[0],v=m[1],w=y.config,_=new Blob([JSON.stringify(w,void 0,2)],{type:"application/json"}),E=(0,a.useMemo)((function(){var n=(0,N.Z)(f),e=!0,t=!1,a=void 0;try{for(var o,i=Object.values(h.slots)[Symbol.iterator]();!(e=(o=i.next()).done);e=!0){var r=o.value;r.moduleName&&(n[r.moduleName].extensionSlots||(n[r.moduleName].extensionSlots={}),n[r.moduleName].extensionSlots[r.name]||(n[r.moduleName].extensionSlots[r.name]={}))}}catch(n){t=!0,a=n}finally{try{e||null==i.return||i.return()}finally{if(t)throw a}}return n}),[f,h]),M=(0,a.useMemo)((function(){return $?function n(e,t){var a,o={},i=!0,r=!1,s=void 0;try{for(var l,c=Object.keys(e)[Symbol.iterator]();!(i=(l=c.next()).done);i=!0){var p=l.value;if(p.includes(t))o[p]=(0,N.Z)(e[p]);else if(!((a=e[p]).hasOwnProperty("_default")||a._type||a.hasOwnProperty("_value")||a.hasOwnProperty("_source"))){var u=n(e[p],t);(0,oe.Z)(u)||(o[p]=u)}}}catch(n){r=!0,s=n}finally{try{i||null==c.return||c.return()}finally{if(r)throw s}}return o}(E,$):E}),[$,E]),S=p?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return o().createElement(o().Fragment,null,o().createElement("div",{className:se.tools},o().createElement("div",{className:se.toggleToolbarButton},o().createElement(be,{isConfigToolbarOpen:p,toggleIsToolbarOpen:u})),p?o().createElement(x.Grid,{style:{padding:"0.5em 1.5em"}},o().createElement(x.Row,null,o().createElement(x.Column,{sm:1,md:2},o().createElement(x.TextInput,{id:"extensionSearch",labelText:"Search configuration",onChange:function(n){return v(n.target.value)}})),o().createElement(x.Column,{sm:1,md:1},o().createElement(x.Toggle,{id:"jsonModeSwitch",labelText:t("jsonEditor","JSON Editor"),onToggle:c,toggled:l})),o().createElement(x.Column,{sm:1,md:1},o().createElement(x.Toggle,{id:"devConfigSwitch",labelText:t("devConfig","Dev Config"),onToggle:g,toggled:d})),o().createElement(x.Column,{sm:1,md:1,className:se.actionButton},o().createElement(x.Toggle,{id:"uiEditorSwitch",labelText:t("uiEditor","UI Editor"),toggled:r,onToggle:s})),o().createElement(x.Column,{sm:1,md:1,className:se.actionButton},o().createElement(x.Button,{kind:"danger",iconDescription:"Clear local config",renderIcon:z.Z,onClick:function(){C.temporaryConfigStore.setState({config:{}})}},t("clearConfig","Clear Local Config"))),o().createElement(x.Column,{sm:1,md:1,className:se.actionButton},o().createElement(x.Button,{kind:"secondary",iconDescription:"Download config",renderIcon:A.Z},o().createElement("a",{className:se.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(_)},t("downloadConfig","Download Config")))))):null),o().createElement("div",{className:se.mainContent,style:{height:S}},l?o().createElement(ce,{height:S}):o().createElement(o().Fragment,null,o().createElement("div",{className:se.configTreePane},o().createElement(Qn,{config:M})),o().createElement("div",{className:se.descriptionPane},o().createElement(ae,null)))))};function ge(){return ge=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n},ge.apply(this,arguments)}var fe=function(n){var e=n.frontendModules,t=(0,k.useTranslation)().t,i=(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 o().createElement("div",{style:{height:"50vh",overflowY:"auto"}},o().createElement(x.DataTable,{rows:[],headers:i},(function(n){var i=n.headers,r=n.getTableProps,s=n.getHeaderProps;return o().createElement(x.TableContainer,{title:""},o().createElement(x.Table,ge({},r()),o().createElement(x.TableHead,null,o().createElement(x.TableRow,null,i.map((function(n){return o().createElement(x.TableHeader,ge({},s({header:n})),n.header)})))),o().createElement(x.TableBody,null,e.map((function(n){return o().createElement(a.Fragment,{key:n.name},o().createElement(x.TableRow,null,o().createElement(x.TableCell,null,o().createElement("strong",null,n.name)),o().createElement(x.TableCell,null),o().createElement(x.TableCell,null)),n.dependencies.map((function(n){return o().createElement(x.TableRow,{key:n.name},o().createElement(x.TableCell,null,n.name),o().createElement(x.TableCell,null,"missing"===n.type?o().createElement("span",{style:{color:"red"}},t("missing","Missing")):"version-mismatch"===n.type?o().createElement("span",{style:{color:"red"}},n.installedVersion):o().createElement("span",{style:{color:"green"}},n.installedVersion)),o().createElement(x.TableCell,null,n.requiredVersion))})))})))))})))};function he(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=n[t];return a}function ye(n){var e,t,r=n.close,s=n.frontendModules,l=(0,k.useTranslation)().t,c=(e=(0,a.useState)(0),t=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var a,o,i=[],r=!0,s=!1;try{for(t=t.call(n);!(r=(a=t.next()).done)&&(i.push(a.value),!e||i.length!==e);r=!0);}catch(n){s=!0,o=n}finally{try{r||null==t.return||t.return()}finally{if(s)throw o}}return i}}(e,t)||function(n,e){if(n){if("string"==typeof n)return he(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?he(n,e):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.")}()),p=c[0],u=c[1];return o().createElement("div",{className:v.popup},o().createElement("div",{className:v.topBar},o().createElement("div",{className:v.tabs},o().createElement(x.ContentSwitcher,{onChange:function(n){u(n.index)}},o().createElement(x.Switch,{name:"configuration-tab",text:l("configuration","Configuration")}),o().createElement(x.Switch,{name:"backend-modules-tab",text:l("backendModules","Backend Modules")}))),o().createElement("div",null,o().createElement(x.Button,{kind:"secondary",renderIcon:i.Z,iconDescription:"Close",onClick:r,hasIconOnly:!0}))),o().createElement("div",{className:v.content},0==p?o().createElement(de,null):o().createElement(fe,{frontendModules:s})))}}}]);
2
- //# sourceMappingURL=475.js.map
1
+ "use strict";(self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[475],{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 .bx--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__array-editor-styles__arrayEditor___K3y6x .bx--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 .bx--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .bx--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},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}.-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:transparent}.-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__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 .bx--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end}",""]),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",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",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"};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 .bx--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}.-esm-implementer-tools__description-styles__productiveHeading01___6zM8b{font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:transparent}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px;margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.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",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:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:transparent}.-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",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:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:transparent}.-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:flex-start}.-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",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:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:transparent}.-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",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:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:transparent}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.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}",""]),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",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"};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:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{font-size:1rem;font-weight:600;line-height:1.375;letter-spacing:0}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:.875rem;font-weight:400;line-height:1.29;letter-spacing:.16px}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:transparent}.-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;border-bottom:1px solid #a0a0a0;z-index:2;background:#e0e0e0}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU .bx--content-switcher-btn:first-child,.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU .bx--content-switcher-btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}",""]),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",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},9475:(e,t,n)=>{n.r(t),n.d(t,{default:()=>yt});var r=n(6983),o=n.n(r),l=n(4790),a=n(487),i=n.n(a),s=n(631),u=n.n(s),c=n(2052),m=n.n(c),d=n(4010),_=n.n(d),p=n(1469),f=n.n(p),y=n(9329),g=n.n(y),v=n(2890),h={};h.styleTagTransform=g(),h.setAttributes=_(),h.insert=m().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f(),i()(v.Z,h);const b=v.Z&&v.Z.locals?v.Z.locals:void 0;var E=n(9784),S=n(2680),w=n(2626),T=n(1890),C=n(2562),x=n(4946),A=n(8478),I=n(1004),O=n(1860),Z={};Z.styleTagTransform=g(),Z.setAttributes=_(),Z.insert=m().bind(null,"head"),Z.domAPI=u(),Z.insertStyleElement=f(),i()(O.Z,Z);const N=O.Z&&O.Z.locals?O.Z.locals:void 0;var j=n(988),L=n(323),k=n(5259),P=n(2015),B=n(2059),H=n(7960),M={};M.styleTagTransform=g(),M.setAttributes=_(),M.insert=m().bind(null,"head"),M.domAPI=u(),M.insertStyleElement=f(),i()(H.Z,M);const D=H.Z&&H.Z.locals?H.Z.locals:void 0;var U=n(9963),z=n(7474),V=n(7644),R=n(7555),F=n(8521),W={};W.styleTagTransform=g(),W.setAttributes=_(),W.insert=m().bind(null,"head"),W.domAPI=u(),W.insertStyleElement=f(),i()(F.Z,W);const q=F.Z&&F.Z.locals?F.Z.locals:void 0;function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function G(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){J(e,t,n[t])}))}return e}function K(e){var t,n=e.element,l=e.valueArray,a=e.setValue,i=(0,r.useMemo)((function(){return(0,z.Z)("array-editor-")}),[]);return o().createElement(E.Tile,{className:q.arrayEditor},o().createElement(E.StructuredListWrapper,null,o().createElement(E.StructuredListBody,null,l.map((function(e,r){var s;return o().createElement(E.StructuredListRow,{key:"".concat(i,"-").concat(r)},o().createElement(E.StructuredListCell,null,o().createElement(we,{element:G({},n._elements,{_value:e,_source:n._source}),valueType:null!==(t=null===(s=n._elements)||void 0===s?void 0:s._type)&&void 0!==t?t:V.Type.Object,value:e,onChange:function(e){var t=(0,k.Z)(l);t[r]=e,a(t)}})),o().createElement(E.StructuredListCell,{className:q.buttonCell},o().createElement(E.Button,{renderIcon:x.Z,size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var e=(0,k.Z)(l);e.splice(r,1),a(e)}})))})),o().createElement(E.StructuredListRow,null,o().createElement(E.StructuredListCell,null,o().createElement(E.Button,{renderIcon:R.Z,size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var e,t,r=(0,k.Z)(l),o=(null!==(t=null===(e=n._elements)||void 0===e?void 0:e._type)&&void 0!==t?t:V.Type.Object)==V.Type.Object?{}:null;r.push(o),a(r)}}))))))}var $=n(753),X=n(7047),Y={};Y.styleTagTransform=g(),Y.setAttributes=_(),Y.insert=m().bind(null,"head"),Y.domAPI=u(),Y.insertStyleElement=f(),i()(X.Z,Y);const Q=X.Z&&X.Z.locals?X.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 te(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 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}}(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 ne(e){var t=e.setConcept,n=e.value,l=te((0,r.useState)(""),2),a=l[0],i=l[1],s=te((0,r.useState)([]),2),u=s[0],c=s[1],m=te((0,r.useState)(n),2),d=m[0],_=m[1],p=(0,S.useTranslation)().t,f=(0,r.useMemo)((function(){return(0,z.Z)()}),[]),y=(0,$.Z)((function(e){i(e)}),300);return(0,r.useEffect)((function(){var e,t=new AbortController;return a&&a.length>=2?(e=a,(0,V.openmrsFetch)("/ws/rest/v1/concept/?q=".concat(e),{method:"GET"})).then((function(e){var t=e.data.results;c(t.slice(0,9))})):c([]),function(){return t.abort()}}),[a]),o().createElement("div",null,d&&o().createElement("p",{className:Q.activeUuid},d),o().createElement("div",{className:Q.autocomplete},o().createElement(E.Search,{id:"searchbox-".concat(f),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":p("searchConceptHelperText","Concept Name"),"aria-controls":"searchbox-".concat(f),"aria-expanded":u.length>0,placeholder:p("searchConceptHelperText","Concept Name"),onChange:function(e){y(e.target.value)}}),!!u.length&&o().createElement(E.StructuredListWrapper,{selection:!0,id:"searchbox-".concat(f),className:Q.listbox},u.map((function(e){return o().createElement(E.StructuredListRow,{key:e.uuid,role:"option",onClick:function(){!function(e){_(e.uuid),i(""),c([]),t(e)}(e)},"aria-selected":"true"},o().createElement(E.StructuredListCell,{className:Q.smallListCell},e.display))}))),a&&u&&!u.length&&o().createElement("p",{className:Q.bodyShort01},p("noConceptsFoundText","No matching results found"))))}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}var oe=(0,A.getExtensionInternalStore)();function le(e){var t,n,l=e.value,a=e.setValue,i=(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 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}}(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.")}()),s=i[0],u=i[1];return(0,r.useEffect)((function(){var e=function(e){u(Object.keys(e.extensions))};return e(oe.getState()),oe.subscribe(e)}),[]),o().createElement(E.MultiSelect.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:l})}function ae(e){var t=e.slotName,n=(e.slotModuleName,e.value),r=e.setValue,l=(0,V.useAssignedExtensions)(t).map((function(e){return e.id}));return o().createElement(E.MultiSelect.Filterable,{id:"add-select",items:l.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 ie=n(7305),se={};se.styleTagTransform=g(),se.setAttributes=_(),se.insert=m().bind(null,"head"),se.domAPI=u(),se.insertStyleElement=f(),i()(ie.Z,se);const ue=ie.Z&&ie.Z.locals?ie.Z.locals:void 0;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 me(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function de(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){me(e,t,n[t])}))}return e}function _e(e){var t=e.element,n=e.valueObject,r=e.setValue;return o().createElement(E.Tile,{className:ue.objectEditor},o().createElement(E.StructuredListWrapper,null,o().createElement(E.StructuredListBody,null,Object.entries(t).map((function(e){var l,a,i=(a=2,function(e){if(Array.isArray(e))return e}(l=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}}(l,a)||function(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}}(l,a)||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.")}()),s=i[0],u=i[1];return s.startsWith("_")?null:o().createElement(E.StructuredListRow,{key:s},o().createElement(E.StructuredListCell,null,o().createElement(we,{element:{_value:s,_source:t._source},valueType:V.Type.String,value:s,onChange:function(e){var t=(0,k.Z)(n);t[e]=(0,k.Z)(n[s]),delete t[s],r(t)}})),o().createElement(E.StructuredListCell,null,o().createElement(we,{element:de({},u,{_value:n[s],_source:t._source}),valueType:u._type,value:n[s],onChange:function(e){var t=(0,k.Z)(n);t[s]=e,r(t)}})))})))))}function pe(e){return e.slotName,e.slotModuleName,e.value,e.setValue,o().createElement("div",null,"Todo: compose array with extension lookup")}function fe(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,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 fe(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)?fe(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 ge(e){var t=e.setPersonAttributeUuid,n=e.value,l=ye((0,r.useState)(""),2),a=l[0],i=l[1],s=ye((0,r.useState)([]),2),u=s[0],c=s[1],m=ye((0,r.useState)(n),2),d=m[0],_=m[1],p=(0,S.useTranslation)().t,f=(0,r.useMemo)((function(){return(0,z.Z)()}),[]),y=(0,$.Z)((function(e){i(e)}),300);return(0,r.useEffect)((function(){var e,t=new AbortController;return a&&a.length>=2?(e=a,(0,V.openmrsFetch)("/ws/rest/v1/personattributetype/?q=".concat(e),{method:"GET"})).then((function(e){var t=e.data.results;c(t.slice(0,9))})):c([]),function(){return t.abort()}}),[a]),o().createElement("div",null,d&&o().createElement("p",{className:Q.activeUuid},d),o().createElement("div",{className:Q.autocomplete},o().createElement(E.Search,{id:"search-input-".concat(f),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":p("searchPersonAttributeHelperText","Person attribute type name"),"aria-controls":"searchbox-".concat(f),"aria-expanded":u.length>0,placeholder:p("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){y(e.target.value)}}),!!u.length&&o().createElement(E.StructuredListWrapper,{selection:!0,className:Q.listbox,id:"searchbox-".concat(f)},u.map((function(e){return o().createElement(E.StructuredListRow,{key:e.uuid,role:"option",onClick:function(){!function(e){_(e.uuid),i(""),c([]),t(e.uuid)}(e)},"aria-selected":"true"},o().createElement(E.StructuredListCell,{className:Q.smallListCell},e.display))}))),a&&u&&!u.length&&o().createElement("p",{className:Q.bodyShort01},p("noPersonAttributeFoundText","No matching results found"))))}var ve=n(9136);function he(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 be(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 he(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)?he(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 Ee(e){var t=e.setPatientIdentifierTypeUuid,n=e.value,l=be((0,r.useState)(""),2),a=l[0],i=l[1],s=function(){var e=(0,ve.ZP)("/ws/rest/v1/patientidentifiertype",V.openmrsFetch),t=e.data,n=e.error;return(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])}(),u=s.data,c=s.isLoading,m=be((0,r.useState)(n),2),d=m[0],_=m[1],p=(0,S.useTranslation)().t,f=(0,r.useMemo)((function(){return(0,z.Z)()}),[]),y=(0,r.useMemo)((function(){return!c&&a&&""!==a?null==u?void 0:u.filter((function(e){return e.display.toLowerCase().includes(a.toLowerCase())})):void 0}),[c,a,u]);return o().createElement("div",null,d&&o().createElement("p",{className:Q.activeUuid},d),o().createElement("div",{className:Q.autocomplete},o().createElement(E.Search,{id:"search-input-".concat(f),labelText:"",type:"text",size:"sm",placeholder:c?p("loading","Loading"):p("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){return i(e.target.value)},value:a,disabled:c}),a?(null==y?void 0:y.length)?o().createElement(E.StructuredListWrapper,{selection:!0,className:Q.listbox,id:"searchbox-".concat(f)},null==y?void 0:y.map((function(e){return o().createElement(E.StructuredListRow,{key:e.uuid,role:"option",onClick:function(){!function(e){_(e.uuid),t(e.uuid),i("")}(e)},"aria-selected":"true"},o().createElement(E.StructuredListCell,{className:Q.smallListCell},e.display))}))):o().createElement("p",{className:Q.bodyShort01},p("noPersonAttributeFoundText","No matching results found")):null))}function Se(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 we(e){var t,n,l=e.element,a=e.path,i=e.valueType,s=e.value,u=e.onChange,c=(t=(0,r.useState)((0,z.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 Se(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)?Se(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"===i&&!a)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return i===V.Type.Array?o().createElement(K,{element:l,valueArray:s,setValue:u}):i===V.Type.Boolean?o().createElement(E.Checkbox,{id:c,checked:s,hideLabel:!0,labelText:"",onChange:u}):i===V.Type.ConceptUuid?o().createElement(ne,{value:s,setConcept:function(e){return u(e.uuid)}}):i===V.Type.PersonAttributeTypeUuid?o().createElement(ge,{value:s,setPersonAttributeUuid:function(e){return u(e)}}):i===V.Type.PatientIdentifierTypeUuid?o().createElement(Ee,{value:s,setPatientIdentifierTypeUuid:function(e){return u(e)}}):i===V.Type.Number?o().createElement(E.NumberInput,{id:c,value:s,onChange:function(e){return u(Number(e.imaginaryTarget.value))}}):i===V.Type.String||i===V.Type.UUID?o().createElement(E.TextInput,{id:c,value:s,labelText:"",onChange:function(e){return u(e.target.value)}}):"add"===i?o().createElement(le,{value:null!=s?s:l._value,setValue:u}):"remove"===i&&a?o().createElement(ae,{slotName:a[2],slotModuleName:a[0],value:null!=s?s:l._value,setValue:u}):"order"===i&&a?o().createElement(pe,{slotName:a[2],slotModuleName:a[0],value:null!=s?s:l._value,setValue:u}):"configure"===i&&a?o().createElement(o().Fragment,null,"Todo"):o().createElement(_e,{element:l,valueObject:s,setValue:u})}var Te=n(3330),Ce={};Ce.styleTagTransform=g(),Ce.setAttributes=_(),Ce.insert=m().bind(null,"head"),Ce.domAPI=u(),Ce.insertStyleElement=f(),i()(Te.Z,Ce);const xe=Te.Z&&Te.Z.locals?Te.Z.locals:void 0;function Ae(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 Ie(e){var t,n,a=e.element,i=e.customType,s=e.path,u=e.handleSave,c=e.handleClose,m=(0,r.useRef)(null),d=(t=(0,r.useState)(a._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 Ae(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)?Ae(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,S.useTranslation)().t,y=null!=i?i:a._type,g=function(e){"Escape"===e.key?c():"Enter"===e.key&&u(JSON.stringify(_))};return(0,r.useEffect)((function(){return document.addEventListener("keyup",g),function(){document.removeEventListener("keyup",g)}}),[_]),o().createElement("div",{ref:m,style:{display:"inherit"}},o().createElement(we,{element:a,path:s,value:_,onChange:p,valueType:y}),o().createElement("div",{className:xe.valueEditorButtons},o().createElement(E.Button,{renderIcon:U.Z,kind:"primary",onClick:function(){return u(JSON.stringify(_))}},f("saveValueButtonText","Save")),o().createElement(E.Button,{renderIcon:l.Z,kind:"secondary",onClick:c},f("CancelButtonText","Cancel"))))}var Oe=n(6350),Ze={};Ze.styleTagTransform=g(),Ze.setAttributes=_(),Ze.insert=m().bind(null,"head"),Ze.domAPI=u(),Ze.insertStyleElement=f(),i()(Oe.Z,Ze);const Ne=Oe.Z&&Oe.Z.locals?Oe.Z.locals:void 0;function je(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){var t=e.value;return o().createElement("div",null,Array.isArray(t)?"object"==typeof t[0]?t.map((function(e,t){return o().createElement(E.StructuredListRow,{key:"".concat(e,"-").concat(t)},o().createElement(E.StructuredListCell,{className:Ne.smallListCell},t+1),o().createElement(E.StructuredListCell,{className:Ne.smallListCell},o().createElement(Le,{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 je(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)?je(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],l=n[1];return o().createElement(E.StructuredListRow,{key:"".concat(r,"-").concat(t)},o().createElement(E.StructuredListCell,{className:Ne.smallListCell},r),o().createElement(E.StructuredListCell,{className:Ne.smallListCell},o().createElement(Le,{value:l})))})):"string"==typeof t||"number"==typeof t?t:null==t?"none":JSON.stringify(t))}function ke(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)||He(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 Be(e){return function(e){if(Array.isArray(e))return ke(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||He(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 He(e,t){if(e){if("string"==typeof e)return ke(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)?ke(e,t):void 0}}function Me(e){var t=e.path,n=e.element,l=e.customType,a=Pe((0,r.useState)(),2),i=a[0],s=a[1],u=Pe((0,r.useState)(!1),2),c=u[0],m=u[1],d=Pe((0,r.useState)(null),2),_=d[0],p=d[1],f=(0,r.useRef)(null),y=(0,S.useTranslation)().t,g=function(){m(!1),p(null)};return(0,r.useEffect)((function(){var e=function(e){e.configPathBeingEdited&&(0,j.Z)(e.configPathBeingEdited,t)&&f&&f.current&&(m(!0),f.current.focus())};return e(I.wT.getState()),I.wT.subscribe(e)}),[]),(0,r.useEffect)((function(){var e=I.wT.getState();c&&!(0,j.Z)(e.configPathBeingEdited,t)&&I.wT.setState({configPathBeingEdited:t,activeItemDescription:{path:t,source:n._source,description:n._description,value:i}}),!c&&(0,j.Z)(e.configPathBeingEdited,t)&&I.wT.setState({configPathBeingEdited:null})}),[c]),o().createElement(o().Fragment,null,o().createElement("div",{className:D.line},c?o().createElement(o().Fragment,null,o().createElement(Ie,{element:n,customType:l,path:t,handleClose:g,handleSave:function(e){try{var n=JSON.parse(e),r=De((0,k.Z)(A.temporaryConfigStore.getState()),["config"].concat(Be(t)),n);A.temporaryConfigStore.setState(r),s(e),g()}catch(e){console.warn(e),p("That's not formatted quite right. Try again.")}}})):o().createElement("div",{className:D.elementValue},o().createElement(Le,{value:n._value}),o().createElement(E.Button,{kind:"ghost",size:"sm",iconDescription:y("editValueButtonText","Edit"),onClick:function(){return m(!0)},ref:f,renderIcon:B.Z,hasIconOnly:!0}),"temporary config"==n._source?o().createElement(E.Button,{renderIcon:P.Z,size:"sm",kind:"ghost",iconDescription:y("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){A.temporaryConfigStore.setState((0,L.Z)(A.temporaryConfigStore.getState(),["config"].concat(Be(t))))}}):null),_&&o().createElement("div",{className:D.error},_)))}function De(e,t,n){var r;return t.length>1?e[t[0]]=De(null!==(r=e[t[0]])&&void 0!==r?r:{},t.slice(1),n):e[t[0]]=n,e}function Ue(e){var t=e.moduleName,n=e.slotName,r=e.config;return o().createElement(Me,{path:[t,n,"configure"],element:r&&Object.keys(r).length?{_value:r,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var ze=n(2222),Ve={};Ve.styleTagTransform=g(),Ve.setAttributes=_(),Ve.insert=m().bind(null,"head"),Ve.domAPI=u(),Ve.insertStyleElement=f(),i()(ze.Z,Ve);const Re=ze.Z&&ze.Z.locals?ze.Z.locals:void 0;function Fe(e){var t=e.leaf,n=e.label,r=e.children,l=e.onMouseEnter,a=e.onMouseLeave;return t?o().createElement(E.StructuredListRow,{className:Re.structuredListRow,onMouseEnter:l,onMouseLeave:a},o().createElement(E.StructuredListCell,{className:Re.labelCell},n),o().createElement(E.StructuredListCell,null,r)):o().createElement(o().Fragment,null,o().createElement(E.StructuredListRow,{className:Re.structuredListRow,onMouseEnter:l,onMouseLeave:a},o().createElement(E.StructuredListCell,{className:Re.labelCell},n),o().createElement(E.StructuredListCell,null)),o().createElement(E.StructuredListRow,{className:Re.structuredListRow},o().createElement(E.StructuredListCell,null),o().createElement(E.StructuredListCell,{className:Re.subtreeCell},o().createElement(E.StructuredListWrapper,{className:Re.structuredList},o().createElement(E.StructuredListBody,null,r)))))}function We(e){var t=e.extensionsConfig,n=e.moduleName;return t&&Object.keys(t).length?o().createElement(Fe,{label:"extension slots",leaf:!1},Object.keys(t).map((function(e){return o().createElement(qe,{key:e,config:null==t?void 0:t[e],path:[n,"extensionSlots",e]})}))):null}function qe(e){var t,n=e.config,r=e.path,l=function(e){var t,n=I.wT.getState();(0,j.Z)(null===(t=n.activeItemDescription)||void 0===t?void 0:t.path,e)&&!(0,j.Z)(n.configPathBeingEdited,e)&&I.wT.setState({activeItemDescription:void 0})},a=r[0],i=r[2],s=(0,V.useAssignedExtensions)(i);return o().createElement(Fe,{label:i,leaf:!1,onMouseEnter:function(){return e=a,t=i,void(I.wT.getState().configPathBeingEdited||I.wT.setState({activeItemDescription:{path:[e,t],value:s.map((function(e){return e.id}))}}));var e,t},onMouseLeave:function(){return l([a,i])}},["add","remove","order","configure"].map((function(e){var s;return o().createElement(Fe,{label:e,key:r.join(".")+e,leaf:!0,onMouseEnter:function(){return function(e,t,n,r){I.wT.getState().configPathBeingEdited||I.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(Ue,{moduleName:a,slotName:i,config:null==n||null===(s=n.configure)||void 0===s?void 0:s._value}):o().createElement(Me,{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 Je(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 Ge(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 Je(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)?Je(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(Fe,{label:l,leaf:s,onMouseEnter:function(){return function(e,t,n){I.wT.getState().configPathBeingEdited||I.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=I.wT.getState();(0,j.Z)(null===(t=n.activeItemDescription)||void 0===t?void 0:t.path,e)&&!(0,j.Z)(n.configPathBeingEdited,e)&&I.wT.setState({activeItemDescription:void 0})}(i)},key:"subtree-".concat(i.join("."))},s?o().createElement(Me,{path:i,element:a}):o().createElement(Ge,{config:a,path:i}))})))}var Ke=n(8180);function $e(e){var t=e.children;return o().createElement(E.StructuredListWrapper,{className:Re.structuredList},o().createElement(E.StructuredListBody,null,t))}function Xe(e){var t=e.config,n=e.moduleName;return o().createElement($e,null,o().createElement(We,{extensionsConfig:t.extensionSlots,moduleName:n}),o().createElement(Ge,{config:(0,Ke.Z)(t,(function(e,t){return"extensionSlots"!==t})),path:[n]}))}function Ye(e){var t=e.config;return o().createElement(E.Accordion,{align:"start"},t&&Object.keys(t).sort().map((function(e){var n=t[e];return Object.keys(n).length?o().createElement(E.AccordionItem,{title:o().createElement("h6",null,e),className:N.fullWidthAccordion,key:"accordion-".concat(e)},o().createElement(Xe,{config:n,moduleName:e,key:"".concat(e,"-config")})):null})))}var Qe=n(9306),et={};et.styleTagTransform=g(),et.setAttributes=_(),et.insert=m().bind(null,"head"),et.domAPI=u(),et.insertStyleElement=f(),i()(Qe.Z,et);const tt=Qe.Z&&Qe.Z.locals?Qe.Z.locals:void 0;function nt(){var e=(0,S.useTranslation)().t,t=(0,V.useStore)(I.wT).activeItemDescription;return o().createElement("div",null,t?o().createElement(o().Fragment,null,o().createElement("h2",{className:tt.path},t.path.slice(1).join(" → ")),o().createElement("p",{className:tt.description},t.description),o().createElement("p",{className:tt.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:tt.productiveHeading01},e("value","Value")):null,o().createElement("p",{className:tt.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 rt=n(8403),ot=n(2279),lt={};lt.styleTagTransform=g(),lt.setAttributes=_(),lt.insert=m().bind(null,"head"),lt.domAPI=u(),lt.insertStyleElement=f(),i()(ot.Z,lt);const at=ot.Z&&ot.Z.locals?ot.Z.locals:void 0;function it(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 st=o().lazy((function(){return Promise.all([n.e(652),n.e(620),n.e(531)]).then(n.bind(n,8531))})),ut={toggleIsUIEditorEnabled:function(e){return{isUIEditorEnabled:!e.isUIEditorEnabled}},toggleIsToolbarOpen:function(e){return{isConfigToolbarOpen:!e.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(e){return{isJsonModeEnabled:!e.isJsonModeEnabled}}},ct={toggleDevDefaults:function(e){return{devDefaultsAreOn:!e.devDefaultsAreOn}}},mt=function(e){var t=e.isConfigToolbarOpen,n=e.toggleIsToolbarOpen;return o().createElement(E.Button,{hasIconOnly:!0,renderIcon:t?T.Z:w.Z,onClick:n,kind:"ghost",size:"small",tooltipPosition:"left",iconDescription:"".concat(t?"Hide":"Show"," toolbar")})},dt=function(){var e,t,n=(0,S.useTranslation)().t,l=(0,A.useStoreWithActions)(I.wT,ut),a=l.isUIEditorEnabled,i=l.toggleIsUIEditorEnabled,s=l.isJsonModeEnabled,u=l.toggleIsJsonModeEnabled,c=l.isConfigToolbarOpen,m=l.toggleIsToolbarOpen,d=(0,A.useStoreWithActions)(A.configInternalStore,ct),_=d.devDefaultsAreOn,p=d.toggleDevDefaults,f=(0,A.useStore)(A.implementerToolsConfigStore).config,y=(0,A.useStore)((0,A.getExtensionInternalStore)()),g=(0,A.useStore)(A.temporaryConfigStore),v=(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 it(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)?it(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.")}()),h=v[0],b=v[1],w=g.config,T=new Blob([JSON.stringify(w,void 0,2)],{type:"application/json"}),O=(0,r.useMemo)((function(){var e=(0,k.Z)(f),t=!0,n=!1,r=void 0;try{for(var o,l=Object.values(y.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}),[f,y]),Z=(0,r.useMemo)((function(){return h?function e(t,n){var r,o={},l=!0,a=!1,i=void 0;try{for(var s,u=Object.keys(t)[Symbol.iterator]();!(l=(s=u.next()).done);l=!0){var c=s.value;if(c.includes(n))o[c]=(0,k.Z)(t[c]);else if(!((r=t[c]).hasOwnProperty("_default")||r._type||r.hasOwnProperty("_value")||r.hasOwnProperty("_source"))){var m=e(t[c],n);(0,rt.Z)(m)||(o[c]=m)}}}catch(e){a=!0,i=e}finally{try{l||null==u.return||u.return()}finally{if(a)throw i}}return o}(O,h):O}),[h,O]),N=c?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return o().createElement(o().Fragment,null,o().createElement("div",{className:at.tools},o().createElement("div",{className:at.toggleToolbarButton},o().createElement(mt,{isConfigToolbarOpen:c,toggleIsToolbarOpen:m})),c?o().createElement(E.Grid,{style:{padding:"0.5em 1.5em"}},o().createElement(E.Row,null,o().createElement(E.Column,{sm:1,md:2},o().createElement(E.TextInput,{id:"extensionSearch",labelText:"Search configuration",onChange:function(e){return b(e.target.value)}})),o().createElement(E.Column,{sm:1,md:1},o().createElement(E.Toggle,{id:"jsonModeSwitch",labelText:n("jsonEditor","JSON Editor"),onToggle:u,toggled:s})),o().createElement(E.Column,{sm:1,md:1},o().createElement(E.Toggle,{id:"devConfigSwitch",labelText:n("devConfig","Dev Config"),onToggle:p,toggled:_})),o().createElement(E.Column,{sm:1,md:1,className:at.actionButton},o().createElement(E.Toggle,{id:"uiEditorSwitch",labelText:n("uiEditor","UI Editor"),toggled:a,onToggle:i})),o().createElement(E.Column,{sm:1,md:1,className:at.actionButton},o().createElement(E.Button,{kind:"danger",iconDescription:"Clear local config",renderIcon:x.Z,onClick:function(){A.temporaryConfigStore.setState({config:{}})}},n("clearConfig","Clear Local Config"))),o().createElement(E.Column,{sm:1,md:1,className:at.actionButton},o().createElement(E.Button,{kind:"secondary",iconDescription:"Download config",renderIcon:C.Z},o().createElement("a",{className:at.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(T)},n("downloadConfig","Download Config")))))):null),o().createElement("div",{className:at.mainContent,style:{height:N}},s?o().createElement(st,{height:N}):o().createElement(o().Fragment,null,o().createElement("div",{className:at.configTreePane},o().createElement(Ye,{config:Z})),o().createElement("div",{className:at.descriptionPane},o().createElement(nt,null)))))};function _t(){return _t=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},_t.apply(this,arguments)}var pt=function(e){var t=e.frontendModules,n=(0,S.useTranslation)().t,l=(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",{style:{height:"50vh",overflowY:"auto"}},o().createElement(E.DataTable,{rows:[],headers:l},(function(e){var l=e.headers,a=e.getTableProps,i=e.getHeaderProps;return o().createElement(E.TableContainer,{title:""},o().createElement(E.Table,_t({},a()),o().createElement(E.TableHead,null,o().createElement(E.TableRow,null,l.map((function(e){return o().createElement(E.TableHeader,_t({},i({header:e})),e.header)})))),o().createElement(E.TableBody,null,t.map((function(e){return o().createElement(r.Fragment,{key:e.name},o().createElement(E.TableRow,null,o().createElement(E.TableCell,null,o().createElement("strong",null,e.name)),o().createElement(E.TableCell,null),o().createElement(E.TableCell,null)),e.dependencies.map((function(e){return o().createElement(E.TableRow,{key:e.name},o().createElement(E.TableCell,null,e.name),o().createElement(E.TableCell,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(E.TableCell,null,e.requiredVersion))})))})))))})))};function ft(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 yt(e){var t,n,a=e.close,i=e.frontendModules,s=(0,S.useTranslation)().t,u=(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 ft(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)?ft(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=u[0],m=u[1];return o().createElement("div",{className:b.popup},o().createElement("div",{className:b.topBar},o().createElement("div",{className:b.tabs},o().createElement(E.ContentSwitcher,{onChange:function(e){m(e.index)}},o().createElement(E.Switch,{name:"configuration-tab",text:s("configuration","Configuration")}),o().createElement(E.Switch,{name:"backend-modules-tab",text:s("backendModules","Backend Modules")}))),o().createElement("div",null,o().createElement(E.Button,{kind:"secondary",renderIcon:l.Z,iconDescription:"Close",onClick:a,hasIconOnly:!0}))),o().createElement("div",{className:b.content},0==c?o().createElement(dt,null):o().createElement(pt,{frontendModules:i})))}}}]);