@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/UNSAFE_MeterBar.css

@@ -1,45 +1,46 @@
-.as7aj{display:inline-flex;pointer-events:none;}.as7aj:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._12e1aei{width:100%;}
-._1w0xicl{height:100%;}
-.efr3z2{cursor:pointer;touch-action:none;}
-._16yb4gs{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-.gqdhxb{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1v0boid{top:50%;transform:translate(0,-50%);}
-._1jqk7w8{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-.igilt7{flex-direction:column-reverse;}
-._1n432uv{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._1bcjtkd{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-.mmrq90{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-.grtw88{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._1am80kk{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-._1aq3nsr{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1a49kg1{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._5kitcg{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1x91vg2{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1i05vlb{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1xvg9h4{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1n9f3eo{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1k28tv6{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._11c5skh{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1awr7wb{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.ifp7oz{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.a47owj{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1slyim8{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._58mjtz{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._1kq2oks{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-._1410i1a{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-.sapqkc{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
-
-._1bbd1pb{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._1p2ydq4{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-._1qlb9hg{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-._7rhx4z{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._191ih9c{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-.seavm1{bottom:0%;}
-._10vnx6h{right:0%;}
-._1vgt2zu{left:0%;}
-
-.vjmkoe{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-._17y3jhd{border-width:1px 0 0 0;}
-._1nyxdaz{border-width:0 0 0 1px;}
-._136oash{border-width:0 1px 0 0;}
+.base-1stneqw{display:inline-flex;pointer-events:none;}.base-1stneqw:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.horizontal-1gsinkm{width:100%;}
+.vertical-unsz05{height:100%;}
+.interactive-w06p2o{cursor:pointer;touch-action:none;}
+.base-13i6ghv{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+.vertical-3kotri{bottom:0%;left:50%;transform:translate(-50%,0);}
+.horizontal-7dst9x{top:50%;transform:translate(0,-50%);}
+.base-cpm22i{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+.vertical-ol4hm{flex-direction:column-reverse;}
+.smHorizontal-1646fgj{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.smVertical-1ks5mld{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+.mdHorizontal-16n9j37{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+.mdVertical-3wsbzw{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+.lgHorizontal-1ez8wnq{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+.lgVertical-io4133{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.smMarginTop-d3reod{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mdMarginTop-1ovyjrg{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.lgMarginTop-1ux369p{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.smMarginStart-1w52hip{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mdMarginStart-39y1k5{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.lgMarginStart-171xcav{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.smMarginEnd-c022k5{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mdMarginEnd-1vnxvjs{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.lgMarginEnd-1ogbo4b{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.smMarginBottom-1whtsgj{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mdMarginBottom-amtxdg{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.lgMarginBottom-17ovalt{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.horizontalFirst-1bo3kr1{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+.horizontalLast-s60mmd{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.verticalFirst-e0w0x4{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+.verticalLast-1lklrb4{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9NZXRlckJhci9NZXRlckJhci50c3giXSwibmFtZXMiOlsiLmJhc2UtMXN0bmVxdyIsIi5ob3Jpem9udGFsLTFnc2lua20iLCIudmVydGljYWwtdW5zejA1IiwiLmludGVyYWN0aXZlLXcwNnAybyIsIi5iYXNlLTEzaTZnaHYiLCIudmVydGljYWwtM2tvdHJpIiwiLmhvcml6b250YWwtN2RzdDl4IiwiLmJhc2UtY3BtMjJpIiwiLnZlcnRpY2FsLW9sNGhtIiwiLnNtSG9yaXpvbnRhbC0xNjQ2ZmdqIiwiLnNtVmVydGljYWwtMWtzNW1sZCIsIi5tZEhvcml6b250YWwtMTZuOWozNyIsIi5tZFZlcnRpY2FsLTN3c2J6dyIsIi5sZ0hvcml6b250YWwtMWV6OHducSIsIi5sZ1ZlcnRpY2FsLWlvNDEzMyIsIi5zbU1hcmdpblRvcC1kM3Jlb2QiLCIubWRNYXJnaW5Ub3AtMW92eWpyZyIsIi5sZ01hcmdpblRvcC0xdXgzNjlwIiwiLnNtTWFyZ2luU3RhcnQtMXc1MmhpcCIsIi5tZE1hcmdpblN0YXJ0LTM5eTFrNSIsIi5sZ01hcmdpblN0YXJ0LTE3MXhjYXYiLCIuc21NYXJnaW5FbmQtYzAyMms1IiwiLm1kTWFyZ2luRW5kLTF2bnh2anMiLCIubGdNYXJnaW5FbmQtMW9nYm80YiIsIi5zbU1hcmdpbkJvdHRvbS0xd2h0c2dqIiwiLm1kTWFyZ2luQm90dG9tLWFtdHhkZyIsIi5sZ01hcmdpbkJvdHRvbS0xN292YWx0IiwiLmhvcml6b250YWxGaXJzdC0xYm8za3IxIiwiLmhvcml6b250YWxMYXN0LXM2MG1tZCIsIi52ZXJ0aWNhbEZpcnN0LWUwdzB4NCIsIi52ZXJ0aWNhbExhc3QtMWxrbHJiNCJdLCJtYXBwaW5ncyI6IkFBc0ZJQTtBQVNBQztBQUdBQztBQUdBQztBQU1BQztBQU1BQztBQUtBQztBQU1BQztBQU9BQztBQUdBQztBQUlBQztBQUlBQztBQUlBQztBQUlBQztBQUlBQztBQUlBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUdBQztBQUtBQztBQUdBQztBQUlBQztBQUdBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTWV0ZXJCYXIvTWV0ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19yZXN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IChjKSAlRklSU1RfWUVBUiUgJUNVUlJFTlRfWUVBUiUsIE9yYWNsZSBhbmQvb3IgaXRzIGFmZmlsaWF0ZXMuXG4gKiBUaGUgVW5pdmVyc2FsIFBlcm1pc3NpdmUgTGljZW5zZSAoVVBMKSwgVmVyc2lvbiAxLjBcbiAqIGFzIHNob3duIGF0IGh0dHBzOi8vb3NzLm9yYWNsZS5jb20vbGljZW5zZXMvdXBsL1xuICogQGlnbm9yZVxuICovXG5pbXBvcnQgeyBzaXplVG9DU1MgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfc2l6ZSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyBtZXJnZVByb3BzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX21lcmdlUHJvcHMnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdwcmVhY3QvaG9va3MnO1xuaW1wb3J0IHsgdXNlVXNlciB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VVc2VyJztcbmltcG9ydCB7IHVzZVBvaW50ZXJFdmVudHMsIHVzZUtleWJvYXJkRXZlbnRzLCB1c2VNZXRlckRhdGF0aXAgfSBmcm9tICcuLi9ob29rcy9QUklWQVRFX3VzZUR2dE1ldGVyRXZlbnRzJztcbmltcG9ydCB7IGdldE1ldGVyQXJpYVByb3BzLCB2YWxpZGF0ZVJhbmdlLCBnZXRUcmFja0FuZEluZGljYXRvckNvbG9yIH0gZnJvbSAnLi4vdXRpbHMvUFJJVkFURV9tZXRlclV0aWxzJztcbmltcG9ydCB7IEJhclRyYWNrLCBCYXJWYWx1ZSB9IGZyb20gJy4uL1BSSVZBVEVfTWV0ZXInO1xuaW1wb3J0IHsgZ2V0RGltZW5zaW9ucywgZ2V0UmVmTGluZXNJbmZvLCBnZXRWYWx1ZSB9IGZyb20gJy4vTWV0ZXJVdGlscyc7XG5pbXBvcnQgeyBSZWZlcmVuY2VMaW5lQmFyIH0gZnJvbSAnLi9SZWZlcmVuY2VMaW5lcyc7XG5pbXBvcnQgeyBUaHJlc2hvbGRCYXIgfSBmcm9tICcuL1RocmVzaG9sZEJhcic7XG5pbXBvcnQgeyB1c2VUYWJiYWJsZU1vZGUgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVGFiYmFibGVNb2RlJztcbi8qKlxuICogQSBNZXRlciBiYXIgZGlzcGxheXMgaW5mb3JtYXRpb24gZ3JhcGhpY2FsbHkgaW4gYSByZWN0YW5ndWxhciBiYXIsIGhpZ2hsaWdodGluZyBhIHNwZWNpZmljIG1ldHJpYyB2YWx1ZSdzIHByb2dyZXNzIGluIHJlbGF0aW9uIHRvIGl0cyBtaW4sIG1heCwgb3IgdGhyZXNob2xkcy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIE1ldGVyQmFyKF9hKSB7XG4gICAgdmFyIF9iLCBfYztcbiAgICB2YXIgeyBtYXggPSAxMDAsIG1pbiA9IDAsIHZhbHVlID0gMCwgc3RlcCA9IDEsIGxlbmd0aCA9ICcxMDAlJywgc2l6ZSA9ICdsZycsIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLCBpc1RyYWNrUmVuZGVyZWQgPSB0cnVlLCB0aHJlc2hvbGREaXNwbGF5ID0gJ2FsbCcsIGluZGljYXRvclNpemUgPSAxIH0gPSBfYSwgcHJvcHMgPSBfX3Jlc3QoX2EsIFtcIm1heFwiLCBcIm1pblwiLCBcInZhbHVlXCIsIFwic3RlcFwiLCBcImxlbmd0aFwiLCBcInNpemVcIiwgXCJvcmllbnRhdGlvblwiLCBcImlzVHJhY2tSZW5kZXJlZFwiLCBcInRocmVzaG9sZERpc3BsYXlcIiwgXCJpbmRpY2F0b3JTaXplXCJdKTtcbiAgICB2YWxpZGF0ZVJhbmdlKG1pbiwgbWF4LCB2YWx1ZSwgc3RlcCk7XG4gICAgY29uc3QgaXNIb3JpeiA9IG9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCc7XG4gICAgY29uc3QgYmFyVHJhY2tSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgZGltZW5zaW9uc1JlZiA9IHVzZVJlZihnZXREaW1lbnNpb25zKG51bGwpKTtcbiAgICBjb25zdCB7IGRpcmVjdGlvbiB9ID0gdXNlVXNlcigpO1xuICAgIGNvbnN0IGlzUnRsID0gZGlyZWN0aW9uID09PSAncnRsJztcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25Db21taXQgfHwgcHJvcHMub25JbnB1dCkge1xuICAgICAgICAgICAgZGltZW5zaW9uc1JlZi5jdXJyZW50ID0gZ2V0RGltZW5zaW9ucyhiYXJUcmFja1JlZi5jdXJyZW50KTtcbiAgICAgICAgfVxuICAgIH0sIFtzaXplLCBsZW5ndGgsIG9yaWVudGF0aW9uLCBwcm9wcy5vbkNvbW1pdCwgcHJvcHMub25JbnB1dF0pO1xuICAgIGNvbnN0IGdldFZhbHVlRnJvbUV2ZW50ID0gKGV2ZW50KSA9PiB7XG4gICAgICAgIC8vIG9ubHkgZXZhbHVhdGUgdmFsdWUgZnJvbSBiYXIgdHJhY2tcbiAgICAgICAgaWYgKGV2ZW50LnRhcmdldCA9PSBiYXJUcmFja1JlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICByZXR1cm4gZ2V0VmFsdWUoZXZlbnQsIGRpbWVuc2lvbnNSZWYsIG1pbiwgbWF4LCBzdGVwLCBvcmllbnRhdGlvbiwgaXNSdGwpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICB9O1xuICAgIGNvbnN0IHBvaW50ZXJFdmVudHNQcm9wcyA9IHVzZVBvaW50ZXJFdmVudHModmFsdWUsIGdldFZhbHVlRnJvbUV2ZW50LCBiYXJUcmFja1JlZiwgcHJvcHMub25Db21taXQsIHByb3BzLm9uSW5wdXQpO1xuICAgIGNvbnN0IGtleWJvYXJkRXZlbnRzUHJvcHMgPSB1c2VLZXlib2FyZEV2ZW50cyh2YWx1ZSwgbWluLCBtYXgsIHN0ZXAsIHByb3BzLm9uQ29tbWl0LCBwcm9wcy5vbklucHV0KTtcbiAgICBjb25zdCB7IGRhdGF0aXBDb250ZW50LCBkYXRhdGlwUHJvcHMgfSA9IHVzZU1ldGVyRGF0YXRpcCh2YWx1ZSwgcHJvcHMuZGF0YXRpcCwgcHJvcHMuYXJpYURlc2NyaWJlZEJ5KTtcbiAgICBjb25zdCBhcmlhTGFiZWxQcm9wcyA9IGdldE1ldGVyQXJpYVByb3BzKHZhbHVlLCBtaW4sIG1heCwgYCR7dmFsdWV9YCwgcHJvcHMuYWNjZXNzaWJsZUxhYmVsLCBwcm9wcy5hcmlhTGFiZWxsZWRCeSwgcHJvcHMudGhyZXNob2xkcyk7XG4gICAgY29uc3QgbWVyZ2VkUHJvcHMgPSBtZXJnZVByb3BzKHBvaW50ZXJFdmVudHNQcm9wcywga2V5Ym9hcmRFdmVudHNQcm9wcywgZGF0YXRpcFByb3BzLCBhcmlhTGFiZWxQcm9wcyk7XG4gICAgY29uc3QgdmFsaWRJbmRpY2F0b3JTaXplID0gTWF0aC5tYXgoMCwgTWF0aC5taW4oMSwgaW5kaWNhdG9yU2l6ZSkpO1xuICAgIGNvbnN0IHZhbHVlQmFyTGVuZ3RoID0gYCR7KCh2YWx1ZSAtIG1pbikgKiAxMDApIC8gKG1heCAtIG1pbil9JWA7XG4gICAgY29uc3QgdmFsdWVCYXJTaXplID0gYCR7dmFsaWRJbmRpY2F0b3JTaXplICogMTAwfSVgO1xuICAgIGNvbnN0IHsgdHJhY2tDb2xvciwgaW5kaWNhdG9yQ29sb3IgfSA9IGdldFRyYWNrQW5kSW5kaWNhdG9yQ29sb3IodmFsdWUsIHRocmVzaG9sZERpc3BsYXksIHByb3BzLnRyYWNrQ29sb3IsIHByb3BzLmluZGljYXRvckNvbG9yLCBwcm9wcy50aHJlc2hvbGRzKTtcbiAgICBjb25zdCBzaXplU3R5bGUgPSBnZXRSZWZMaW5lc0luZm8ocHJvcHMucmVmZXJlbmNlTGluZXMpO1xuICAgIGNvbnN0IGlzSW50ZXJhY3RpdmUgPSBwcm9wcy5vbkNvbW1pdCB8fCBwcm9wcy5vbklucHV0O1xuICAgIGNvbnN0IHsgaXNUYWJiYWJsZSB9ID0gdXNlVGFiYmFibGVNb2RlKCk7XG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyB0YWJJbmRleDogIWlzVGFiYmFibGUgPyAtMSA6IDAsIHJvbGU6IFwic2xpZGVyXCIgfSwgbWVyZ2VkUHJvcHMsIHsgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IGlzSG9yaXogPyBzaXplVG9DU1MobGVuZ3RoKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBpc0hvcml6ID8gdW5kZWZpbmVkIDogc2l6ZVRvQ1NTKGxlbmd0aClcbiAgICAgICAgICAgICAgICB9LCBjbGFzczogY2xhc3NOYW1lcyhbY29tcG9uZW50U3R5bGVzLmJhc2UsIGNvbXBvbmVudFN0eWxlc1tvcmllbnRhdGlvbl1dKSB9LCB7IGNoaWxkcmVuOiBfanN4cyhCYXJUcmFjaywgT2JqZWN0LmFzc2lnbih7IHJlZjogYmFyVHJhY2tSZWYsIG9yaWVudGF0aW9uOiBvcmllbnRhdGlvbiwgY29sb3I6ICFpc1RyYWNrUmVuZGVyZWQgfHwgKHRocmVzaG9sZERpc3BsYXkgPT09ICdhbGwnICYmIHByb3BzLnRocmVzaG9sZHMpXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgICAgICAgICAgICAgICAgIDogdHJhY2tDb2xvciwgY2xhc3M6IGNsYXNzTmFtZXMoW1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFyVHJhY2tTdHlsZXMuYmFzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlzSW50ZXJhY3RpdmUgPyBjb21wb25lbnRTdHlsZXMuaW50ZXJhY3RpdmUgOiAnJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlzSG9yaXogPyAnJyA6IGJhclRyYWNrU3R5bGVzLnZlcnRpY2FsLFxuICAgICAgICAgICAgICAgICAgICAgICAgaXNIb3JpeiA/IGJhclRyYWNrU3R5bGVzW2Ake3NpemV9SG9yaXpvbnRhbGBdIDogYmFyVHJhY2tTdHlsZXNbYCR7c2l6ZX1WZXJ0aWNhbGBdLFxuICAgICAgICAgICAgICAgICAgICAgICAgLi4uZ2V0TWFyZ2luQ2xhc3Moc2l6ZVN0eWxlLCBzaXplLCBpc0hvcml6KVxuICAgICAgICAgICAgICAgICAgICBdKSB9LCB7IGNoaWxkcmVuOiBbdGhyZXNob2xkRGlzcGxheSA9PT0gJ2FsbCcgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoKF9iID0gcHJvcHMudGhyZXNob2xkcykgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmZpbHRlcigodGhyZXNob2xkKSA9PiB0aHJlc2hvbGQubWF4ID4gbWluICYmIHRocmVzaG9sZC5tYXggPD0gbWF4KS5zb3J0KChhLCBiKSA9PiBhLm1heCAtIGIubWF4KS5tYXAoKHRocmVzaG9sZCwgaW5kZXgsIHRocmVzaG9sZHMpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgZGlmZiA9IGluZGV4ID09PSAwID8gdGhyZXNob2xkLm1heCAtIG1pbiA6IHRocmVzaG9sZC5tYXggLSB0aHJlc2hvbGRzW2luZGV4IC0gMV0ubWF4O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goVGhyZXNob2xkQmFyLCB7IGNsYXNzOiBpbmRleCA9PT0gMCA/IHRyYWNrU2VjdGlvblN0eWxlW2Ake29yaWVudGF0aW9ufUZpcnN0YF0gOiAnJywgb3JpZW50YXRpb246IG9yaWVudGF0aW9uLCBsZW5ndGg6IGAkeyhkaWZmICogMTAwKSAvIChtYXggLSBtaW4pfSVgLCBjb2xvcjogdGhyZXNob2xkLmNvbG9yIH0pLCBpc1RyYWNrUmVuZGVyZWQgJiYgaW5kZXggPT09IHRocmVzaG9sZHMubGVuZ3RoIC0gMSAmJiB0aHJlc2hvbGQubWF4IDwgbWF4ID8gKF9qc3goVGhyZXNob2xkQmFyLCB7IGNsYXNzOiB0cmFja1NlY3Rpb25TdHlsZVtgJHtvcmllbnRhdGlvbn1MYXN0YF0sIGNvbG9yOiB0cmFja0NvbG9yLCBvcmllbnRhdGlvbjogb3JpZW50YXRpb24sIGxlbmd0aDogYCR7KChtYXggLSB0aHJlc2hvbGRzW2luZGV4XS5tYXgpICogMTAwKSAvIChtYXggLSBtaW4pfSVgIH0pKSA6ICgnJyldIH0pKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSksIF9qc3goQmFyVmFsdWUsIHsgbGVuZ3RoOiB2YWx1ZUJhckxlbmd0aCwgc2l6ZTogdmFsdWVCYXJTaXplLCBvcmllbnRhdGlvbjogb3JpZW50YXRpb24sIGNsYXNzOiBjbGFzc05hbWVzKFtiYXJWYWx1ZVN0eWxlcy5iYXNlLCBiYXJWYWx1ZVN0eWxlc1tvcmllbnRhdGlvbl1dKSwgY29sb3I6IGluZGljYXRvckNvbG9yIH0pLCAoX2MgPSBwcm9wcy5yZWZlcmVuY2VMaW5lcykgPT09IG51bGwgfHwgX2MgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9jLm1hcCgoaXRlbSkgPT4gKF9qc3goUmVmZXJlbmNlTGluZUJhciwgeyBjb2xvcjogaXRlbS5jb2xvciwgb3JpZW50YXRpb246IG9yaWVudGF0aW9uLCBwZXJjZW50YWdlOiBgJHsoKGl0ZW0udmFsdWUgLSBtaW4pICogMTAwKSAvIChtYXggLSBtaW4pfSVgLCBwb3NpdGlvbjogaXRlbS5wb3NpdGlvbiB9KSkpXSB9KSkgfSkpLCBkYXRhdGlwQ29udGVudF0gfSkpO1xufVxuY29uc3QgZ2V0TWFyZ2luQ2xhc3MgPSBmdW5jdGlvbiAoaW5mbywgc2l6ZSwgaXNIb3Jpeikge1xuICAgIGNvbnN0IGNsYXNzTmFtZSA9IFtdO1xuICAgIGlmIChpbmZvLnN0YXJ0KSB7XG4gICAgICAgIGNsYXNzTmFtZS5wdXNoKGJhclRyYWNrU3R5bGVzW2Ake3NpemV9TWFyZ2luJHtpc0hvcml6ID8gJ1RvcCcgOiAnU3RhcnQnfWBdKTtcbiAgICB9XG4gICAgaWYgKGluZm8uZW5kKSB7XG4gICAgICAgIGNsYXNzTmFtZS5wdXNoKGJhclRyYWNrU3R5bGVzW2Ake3NpemV9TWFyZ2luJHtpc0hvcml6ID8gJ0JvdHRvbScgOiAnRW5kJ31gXSk7XG4gICAgfVxuICAgIHJldHVybiBjbGFzc05hbWU7XG59O1xuY29uc3QgY29tcG9uZW50U3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZm9jdXMtYm9yZGVyLWNvbG9yKScsXG4gICAgICAgICAgICBvdXRsaW5lU3R5bGU6ICdkb3R0ZWQnLFxuICAgICAgICAgICAgb3V0bGluZVdpZHRoOiAnMXB4J1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIGhvcml6b250YWw6IGNzcyBgJHt7XG4gICAgICAgIHdpZHRoOiAnMTAwJSdcbiAgICB9fWAsXG4gICAgdmVydGljYWw6IGNzcyBgJHt7XG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgfX1gLFxuICAgIGludGVyYWN0aXZlOiBjc3MgYCR7e1xuICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgdG91Y2hBY3Rpb246ICdub25lJ1xuICAgIH19YFxufTtcbmNvbnN0IGJhclZhbHVlU3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLXZhbHVlLWJnLWNvbG9yKScsXG4gICAgICAgIGJvcmRlclJhZGl1czogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1zbSknLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnXG4gICAgfX1gLFxuICAgIHZlcnRpY2FsOiBjc3MgYCR7e1xuICAgICAgICBib3R0b206ICcwJScsXG4gICAgICAgIGxlZnQ6ICc1MCUnLFxuICAgICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTUwJSwgMCknXG4gICAgfX1gLFxuICAgIGhvcml6b250YWw6IGNzcyBgJHt7XG4gICAgICAgIHRvcDogJzUwJScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgwLCAtNTAlKSdcbiAgICB9fWBcbn07XG5jb25zdCBiYXJUcmFja1N0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci10cmFjay1iZy1jb2xvciknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWJvcmRlci1yYWRpdXMtc20pJyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ2F1dG8nXG4gICAgfX1gLFxuICAgIHZlcnRpY2FsOiBjc3MgYCR7e1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uLXJldmVyc2UnXG4gICAgfX1gLFxuICAgIHNtSG9yaXpvbnRhbDogY3NzIGAke3tcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLXNtLXNpemUpJ1xuICAgIH19YCxcbiAgICBzbVZlcnRpY2FsOiBjc3MgYCR7e1xuICAgICAgICB3aWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1zbS1zaXplKScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgfX1gLFxuICAgIG1kSG9yaXpvbnRhbDogY3NzIGAke3tcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLW1kLXNpemUpJ1xuICAgIH19YCxcbiAgICBtZFZlcnRpY2FsOiBjc3MgYCR7e1xuICAgICAgICB3aWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1tZC1zaXplKScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgfX1gLFxuICAgIGxnSG9yaXpvbnRhbDogY3NzIGAke3tcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLWxnLXNpemUpJ1xuICAgIH19YCxcbiAgICBsZ1ZlcnRpY2FsOiBjc3MgYCR7e1xuICAgICAgICB3aWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1sZy1zaXplKScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgfX1gLFxuICAgIHNtTWFyZ2luVG9wOiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW5Ub3A6ICdjYWxjKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy01eCktIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1zbS1zaXplKSknXG4gICAgfX1gLFxuICAgIG1kTWFyZ2luVG9wOiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW5Ub3A6ICdjYWxjKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy01eCkgLSB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci1iYXItbWQtc2l6ZSkpJ1xuICAgIH19YCxcbiAgICBsZ01hcmdpblRvcDogY3NzIGAke3tcbiAgICAgICAgbWFyZ2luVG9wOiAnY2FsYyh2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctNXgpIC0gdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLWxnLXNpemUpKSdcbiAgICB9fWAsXG4gICAgc21NYXJnaW5TdGFydDogY3NzIGAke3tcbiAgICAgICAgbWFyZ2luSW5saW5lU3RhcnQ6ICdjYWxjKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy01eCkgLSB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci1iYXItc20tc2l6ZSkpJ1xuICAgIH19YCxcbiAgICBtZE1hcmdpblN0YXJ0OiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW5JbmxpbmVTdGFydDogJ2NhbGModmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTV4KSAtIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1tZC1zaXplKSknXG4gICAgfX1gLFxuICAgIGxnTWFyZ2luU3RhcnQ6IGNzcyBgJHt7XG4gICAgICAgIG1hcmdpbklubGluZVN0YXJ0OiAnY2FsYyh2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctNXgpIC0gdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLWxnLXNpemUpKSdcbiAgICB9fWAsXG4gICAgc21NYXJnaW5FbmQ6IGNzcyBgJHt7XG4gICAgICAgIG1hcmdpbklubGluZUVuZDogJ2NhbGModmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTV4KSAtIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1zbS1zaXplKSknXG4gICAgfX1gLFxuICAgIG1kTWFyZ2luRW5kOiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW5JbmxpbmVFbmQ6ICdjYWxjKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy01eCkgLSB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci1iYXItbWQtc2l6ZSkpJ1xuICAgIH19YCxcbiAgICBsZ01hcmdpbkVuZDogY3NzIGAke3tcbiAgICAgICAgbWFyZ2luSW5saW5lRW5kOiAnY2FsYyh2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctNXgpIC0gdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLWxnLXNpemUpKSdcbiAgICB9fWAsXG4gICAgc21NYXJnaW5Cb3R0b206IGNzcyBgJHt7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogJ2NhbGModmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTV4KSAtIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLWJhci1zbS1zaXplKSknXG4gICAgfX1gLFxuICAgIG1kTWFyZ2luQm90dG9tOiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW5Cb3R0b206ICdjYWxjKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy01eCkgLSB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci1iYXItbWQtc2l6ZSkpJ1xuICAgIH19YCxcbiAgICBsZ01hcmdpbkJvdHRvbTogY3NzIGAke3tcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnY2FsYyh2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctNXgpIC0gdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItYmFyLWxnLXNpemUpKSdcbiAgICB9fWBcbn07XG5jb25zdCB0cmFja1NlY3Rpb25TdHlsZSA9IHtcbiAgICBob3Jpem9udGFsRmlyc3Q6IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlclJhZGl1czogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1zbSkgMCAwIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1zbSknXG4gICAgfX1gLFxuICAgIGhvcml6b250YWxMYXN0OiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJSYWRpdXM6ICcwIHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1zbSkgdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1ib3JkZXItcmFkaXVzLXNtKSAwJyxcbiAgICAgICAgYm9yZGVyV2lkdGg6ICcwJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbEZpcnN0OiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJSYWRpdXM6ICcwIDAgdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1ib3JkZXItcmFkaXVzLXNtKSB2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWJvcmRlci1yYWRpdXMtc20pJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbExhc3Q6IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlclJhZGl1czogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1zbSkgdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1ib3JkZXItcmFkaXVzLXNtKSAwIDAnLFxuICAgICAgICBib3JkZXJXaWR0aDogJzAnXG4gICAgfX1gXG59O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TWV0ZXJCYXIuanMubWFwIl19*/
+.base-17rd9cg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.verticalBorder-wo3wcs{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+.horizontalBorder-fds9a9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+.vertical-1igjkqn{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+.horizontal-jbx2sb{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.horiontalStart-1behzre{bottom:0%;}
+.verticalStartLtr-1pxlgth{right:0%;}
+.verticalStartRtl-1a2p468{left:0%;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9NZXRlckJhci9SZWZlcmVuY2VMaW5lcy50c3giXSwibmFtZXMiOlsiLmJhc2UtMTdyZDljZyIsIi52ZXJ0aWNhbEJvcmRlci13bzN3Y3MiLCIuaG9yaXpvbnRhbEJvcmRlci1mZHM5YTkiLCIudmVydGljYWwtMWlnamtxbiIsIi5ob3Jpem9udGFsLWpieDJzYiIsIi5ob3Jpb250YWxTdGFydC0xYmVoenJlIiwiLnZlcnRpY2FsU3RhcnRMdHItMXB4bGd0aCIsIi52ZXJ0aWNhbFN0YXJ0UnRsLTFhMnA0NjgiXSwibWFwcGluZ3MiOiJBQWlDSUE7QUFNQUM7QUFLQUM7QUFLQUM7QUFLQUM7QUFLQUM7QUFHQUM7QUFHQUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX01ldGVyQmFyL1JlZmVyZW5jZUxpbmVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IChjKSAlRklSU1RfWUVBUiUgJUNVUlJFTlRfWUVBUiUsIE9yYWNsZSBhbmQvb3IgaXRzIGFmZmlsaWF0ZXMuXG4gKiBUaGUgVW5pdmVyc2FsIFBlcm1pc3NpdmUgTGljZW5zZSAoVVBMKSwgVmVyc2lvbiAxLjBcbiAqIGFzIHNob3duIGF0IGh0dHBzOi8vb3NzLm9yYWNsZS5jb20vbGljZW5zZXMvdXBsL1xuICogQGlnbm9yZVxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyB1c2VVc2VyIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVVzZXInO1xuZXhwb3J0IGZ1bmN0aW9uIFJlZmVyZW5jZUxpbmVCYXIoeyBvcmllbnRhdGlvbiwgcGVyY2VudGFnZSwgY29sb3IsIHBvc2l0aW9uIH0pIHtcbiAgICBjb25zdCBpc0hvcml6ID0gb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJztcbiAgICBjb25zdCB7IGRpcmVjdGlvbiB9ID0gdXNlVXNlcigpO1xuICAgIGNvbnN0IGlzUnRsID0gZGlyZWN0aW9uID09PSAncnRsJztcbiAgICBjb25zdCBpc1N0YXJ0UG9zID0gcG9zaXRpb24gPT09ICdzdGFydCc7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIHsgY2xhc3M6IGNsYXNzTmFtZXMoW1xuICAgICAgICAgICAgc3R5bGVzLmJhc2UsXG4gICAgICAgICAgICBzdHlsZXNbYCR7b3JpZW50YXRpb259Qm9yZGVyYF0sXG4gICAgICAgICAgICBzdHlsZXNbYCR7b3JpZW50YXRpb259YF0sXG4gICAgICAgICAgICBpc1N0YXJ0UG9zXG4gICAgICAgICAgICAgICAgPyBpc0hvcml6XG4gICAgICAgICAgICAgICAgICAgID8gc3R5bGVzLmhvcmlvbnRhbFN0YXJ0XG4gICAgICAgICAgICAgICAgICAgIDogc3R5bGVzW2B2ZXJ0aWNhbFN0YXJ0JHtpc1J0bCA/ICdSdGwnIDogJ0x0cid9YF1cbiAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgIF0pLCBzdHlsZToge1xuICAgICAgICAgICAgbGVmdDogaXNIb3JpeiAmJiAhaXNSdGwgPyBwZXJjZW50YWdlIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgcmlnaHQ6IGlzSG9yaXogJiYgaXNSdGwgPyBwZXJjZW50YWdlIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgYm90dG9tOiBpc0hvcml6ID8gdW5kZWZpbmVkIDogcGVyY2VudGFnZSxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JcbiAgICAgICAgfSB9KSk7XG59XG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZHZ0LXJlZmVyZW5jZS1vYmplY3QtbGluZS1jb2xvciknLFxuICAgICAgICBiYWNrZ3JvdW5kQ2xpcDogJ3BhZGRpbmctYm94JyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbEJvcmRlcjogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1kdnQtY29udHJhc3QtbGluZS1jb2xvciknLFxuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgYm9yZGVyV2lkdGg6ICcwIDAgMXB4IDAnXG4gICAgfX1gLFxuICAgIGhvcml6b250YWxCb3JkZXI6IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlckNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZHZ0LWNvbnRyYXN0LWxpbmUtY29sb3IpJyxcbiAgICAgICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgICAgIGJvcmRlcldpZHRoOiAnMCAxcHggMCAwJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbDogY3NzIGAke3tcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctNXgpJyxcbiAgICAgICAgaGVpZ2h0OiAnMnB4JyxcbiAgICAgICAgdHJhbnNsYXRlOiAnMCAxcHgnXG4gICAgfX1gLFxuICAgIGhvcml6b250YWw6IGNzcyBgJHt7XG4gICAgICAgIHRyYW5zbGF0ZTogJy0xcHggMCcsXG4gICAgICAgIHdpZHRoOiAnMnB4JyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTV4KSdcbiAgICB9fWAsXG4gICAgaG9yaW9udGFsU3RhcnQ6IGNzcyBgJHt7XG4gICAgICAgIGJvdHRvbTogJzAlJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbFN0YXJ0THRyOiBjc3MgYCR7e1xuICAgICAgICByaWdodDogJzAlJ1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbFN0YXJ0UnRsOiBjc3MgYCR7e1xuICAgICAgICBsZWZ0OiAnMCUnXG4gICAgfX1gXG59O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmVmZXJlbmNlTGluZXMuanMubWFwIl19*/
+.base-1n7g74i{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+.verticalBarTrackSection-174br2u{border-width:1px 0 0 0;}
+.horizontalBarTrackSectionRtl-1bi89z{border-width:0 0 0 1px;}
+.horizontalBarTrackSectionLtr-w0agag{border-width:0 1px 0 0;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9NZXRlckJhci9UaHJlc2hvbGRCYXIudHN4Il0sIm5hbWVzIjpbIi5iYXNlLTFuN2c3NGkiLCIudmVydGljYWxCYXJUcmFja1NlY3Rpb24tMTc0YnIydSIsIi5ob3Jpem9udGFsQmFyVHJhY2tTZWN0aW9uUnRsLTFiaTg5eiIsIi5ob3Jpem9udGFsQmFyVHJhY2tTZWN0aW9uTHRyLXcwYWdhZyJdLCJtYXBwaW5ncyI6IkFBOEJJQTtBQVFBQztBQUdBQztBQUdBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTWV0ZXJCYXIvVGhyZXNob2xkQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fcmVzdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgKGMpICVGSVJTVF9ZRUFSJSAlQ1VSUkVOVF9ZRUFSJSwgT3JhY2xlIGFuZC9vciBpdHMgYWZmaWxpYXRlcy5cbiAqIFRoZSBVbml2ZXJzYWwgUGVybWlzc2l2ZSBMaWNlbnNlIChVUEwpLCBWZXJzaW9uIDEuMFxuICogYXMgc2hvd24gYXQgaHR0cHM6Ly9vc3Mub3JhY2xlLmNvbS9saWNlbnNlcy91cGwvXG4gKiBAaWdub3JlXG4gKi9cbmltcG9ydCB7IHVzZVVzZXIgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVXNlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5leHBvcnQgZnVuY3Rpb24gVGhyZXNob2xkQmFyKF9hKSB7XG4gICAgdmFyIHsgY29sb3IsIGxlbmd0aCwgb3JpZW50YXRpb24gfSA9IF9hLCBvdGhlclByb3BzID0gX19yZXN0KF9hLCBbXCJjb2xvclwiLCBcImxlbmd0aFwiLCBcIm9yaWVudGF0aW9uXCJdKTtcbiAgICBjb25zdCB7IGRpcmVjdGlvbiB9ID0gdXNlVXNlcigpO1xuICAgIGNvbnN0IGlzSG9yaXogPSBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnO1xuICAgIGNvbnN0IGlzUnRsID0gZGlyZWN0aW9uID09PSAncnRsJztcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgeyBjbGFzczogY2xhc3NOYW1lcyhbXG4gICAgICAgICAgICBzdHlsZXMuYmFzZSxcbiAgICAgICAgICAgIGlzSG9yaXpcbiAgICAgICAgICAgICAgICA/IHN0eWxlc1tgaG9yaXpvbnRhbEJhclRyYWNrU2VjdGlvbiR7aXNSdGwgPyAnUnRsJyA6ICdMdHInfWBdXG4gICAgICAgICAgICAgICAgOiBzdHlsZXNbJ3ZlcnRpY2FsQmFyVHJhY2tTZWN0aW9uJ10sXG4gICAgICAgICAgICBvdGhlclByb3BzLmNsYXNzXG4gICAgICAgIF0pLCBzdHlsZToge1xuICAgICAgICAgICAgd2lkdGg6IGlzSG9yaXogPyBsZW5ndGggOiAnMTAwJScsXG4gICAgICAgICAgICBoZWlnaHQ6IGlzSG9yaXogPyAnMTAwJScgOiBsZW5ndGgsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yXG4gICAgICAgIH0gfSkpO1xufVxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlckNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZHZ0LWNvbnRyYXN0LWxpbmUtY29sb3IpJyxcbiAgICAgICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLXRocmVzaG9sZC1jb2xvciknLFxuICAgICAgICBiYWNrZ3JvdW5kQ2xpcDogJ3BhZGRpbmctYm94J1xuICAgIH19YCxcbiAgICB2ZXJ0aWNhbEJhclRyYWNrU2VjdGlvbjogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyV2lkdGg6ICcxcHggMCAwIDAnXG4gICAgfX1gLFxuICAgIGhvcml6b250YWxCYXJUcmFja1NlY3Rpb25SdGw6IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlcldpZHRoOiAnMCAwIDAgMXB4J1xuICAgIH19YCxcbiAgICBob3Jpem9udGFsQmFyVHJhY2tTZWN0aW9uTHRyOiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJXaWR0aDogJzAgMXB4IDAgMCdcbiAgICB9fWBcbn07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaHJlc2hvbGRCYXIuanMubWFwIl19*/

package/amd/UNSAFE_MeterBar.js

@@ -1,2 +1,328 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./classNames-14cea078","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744"],function(t,e,o,r,a,i,s,n,l,c,d,h,u,m,g,_,v,p,b,k,S,f,x,z,E,M,A,T,F,U,N,j,B){"use strict";function C(t){if(!t)return{width:0,height:0};const e=t.getBoundingClientRect();return{width:e.width,height:e.height}}function y({orientation:t,percentage:e,color:r,position:a}){const i="horizontal"===t,{direction:s}=l.useUser(),n="rtl"===s,c="start"===a;return o.jsx("div",{class:u.classNames([R.base,R[`${t}Border`],R[`${t}`],c?i?R.horiontalStart:R["verticalStart"+(n?"Rtl":"Ltr")]:""]),style:{left:i&&!n?e:void 0,right:i&&n?e:void 0,bottom:i?void 0:e,backgroundColor:r}})}const R={base:"_1bbd1pb",verticalBorder:"_1p2ydq4",horizontalBorder:"_1qlb9hg",vertical:"_7rhx4z",horizontal:"_191ih9c",horiontalStart:"seavm1",verticalStartLtr:"_10vnx6h",verticalStartRtl:"_1vgt2zu"};function w(t){var{color:r,length:a,orientation:i}=t,s=e.__rest(t,["color","length","orientation"]);const{direction:n}=l.useUser(),c="horizontal"===i,d="rtl"===n;return o.jsx("div",{class:u.classNames([I.base,c?I["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:I.verticalBarTrackSection,s.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:r}})}const I={base:"vjmkoe",verticalBarTrackSection:"_17y3jhd",horizontalBarTrackSectionRtl:"_1nyxdaz",horizontalBarTrackSectionLtr:"_136oash"};const L=function(t,e,o){const r=[];return t.start&&r.push(V[`${e}Margin${o?"Top":"Start"}`]),t.end&&r.push(V[`${e}Margin${o?"Bottom":"End"}`]),r},P={base:"as7aj",horizontal:"_12e1aei",vertical:"_1w0xicl",interactive:"efr3z2"},$={base:"_16yb4gs",vertical:"gqdhxb",horizontal:"_1v0boid"},V={base:"_1jqk7w8",vertical:"igilt7",smHorizontal:"_1n432uv",smVertical:"_1bcjtkd",mdHorizontal:"mmrq90",mdVertical:"grtw88",lgHorizontal:"_1am80kk",lgVertical:"_1aq3nsr",smMarginTop:"_1a49kg1",mdMarginTop:"_5kitcg",lgMarginTop:"_1x91vg2",smMarginStart:"_1i05vlb",mdMarginStart:"_1xvg9h4",lgMarginStart:"_1n9f3eo",smMarginEnd:"_1k28tv6",mdMarginEnd:"_11c5skh",lgMarginEnd:"_1awr7wb",smMarginBottom:"ifp7oz",mdMarginBottom:"a47owj",lgMarginBottom:"_1slyim8"},q={horizontalFirst:"_58mjtz",horizontalLast:"_1kq2oks",verticalFirst:"_1410i1a",verticalLast:"sapqkc"};t.MeterBar=function(t){var a,i,{max:g=100,min:_=0,value:v=0,step:p=1,length:b="100%",size:k="lg",orientation:S="horizontal",isTrackRendered:f=!0,thresholdDisplay:x="all",indicatorSize:z=1}=t,E=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(_,g,v,p);const M="horizontal"===S,A=n.useRef(null),T=n.useRef(C(null)),{direction:F}=l.useUser(),U="rtl"===F;n.useEffect(()=>{(E.onCommit||E.onInput)&&(T.current=C(A.current))},[k,b,S,E.onCommit,E.onInput]);const N=c.usePointerEvents(v,t=>{if(t.target==A.current)return function(t,e,o,r,a,i,s){const n=e.current;if(!n||0===n.width)return;let l;if("horizontal"===i){const e=t.offsetX;l=o+(r-o)*(s?n.width-e:e)/n.width}else l=o+(r-o)*(n.height-t.offsetY)/n.height;return l=Math.round(l/a)*a,Math.max(o,Math.min(r,l))}(t,T,_,g,p,S,U)},A,E.onCommit,E.onInput),j=c.useKeyboardEvents(v,_,g,p,E.onCommit,E.onInput),{datatipContent:B,datatipProps:R}=c.useMeterDatatip(v,E.datatip,E.ariaDescribedBy),I=d.getMeterAriaProps(v,_,g,`${v}`,E.accessibleLabel,E.ariaLabelledBy,E.thresholds),D=s.mergeProps(N,j,R,I),H=Math.max(0,Math.min(1,z)),O=100*(v-_)/(g-_)+"%",K=100*H+"%",{trackColor:X,indicatorColor:Y}=d.getTrackAndIndicatorColor(v,x,E.trackColor,E.indicatorColor,E.thresholds),G=function(t){let e={start:!1,end:!1};return t&&(e=t.reduce((t,e)=>(t.start=t.start||"start"===e.position,t.end=t.end||"end"===e.position||null==e.position,t),e)),e}(E.referenceLines),J=E.onCommit||E.onInput,{isTabbable:Q}=m.useTabbableMode();return o.jsxs(o.Fragment,{children:[o.jsx("div",Object.assign({tabIndex:Q?0:-1,role:"slider"},D,{style:{width:M?r.sizeToCSS(b):void 0,height:M?void 0:r.sizeToCSS(b)},class:u.classNames([P.base,P[S]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:S,color:!f||"all"===x&&E.thresholds?"transparent":X,class:u.classNames([V.base,J?P.interactive:"",M?"":V.vertical,M?V[`${k}Horizontal`]:V[`${k}Vertical`],...L(G,k,M)])},{children:["all"===x&&(null===(a=E.thresholds)||void 0===a?void 0:a.filter(t=>t.max>_&&t.max<=g).sort((t,e)=>t.max-e.max).map((t,e,r)=>{const a=0===e?t.max-_:t.max-r[e-1].max;return o.jsxs(o.Fragment,{children:[o.jsx(w,{class:0===e?q[`${S}First`]:"",orientation:S,length:100*a/(g-_)+"%",color:t.color}),f&&e===r.length-1&&t.max<g?o.jsx(w,{class:q[`${S}Last`],color:X,orientation:S,length:100*(g-r[e].max)/(g-_)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:S,class:u.classNames([$.base,$[S]]),color:Y}),null===(i=E.referenceLines)||void 0===i?void 0:i.map(t=>o.jsx(y,{color:t.color,orientation:S,percentage:100*(t.value-_)/(g-_)+"%",position:t.position}))]}))})),B]})},Object.defineProperty(t,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './utils/UNSAFE_size', "css!./UNSAFE_MeterBar.css", './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', 'preact/hooks', './hooks/UNSAFE_useUser', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './PRIVATE_Meter', './classNames-027de734', './hooks/UNSAFE_useTabbableMode', './UNSAFE_Environment', 'preact', './UNSAFE_Layer', 'preact/compat', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c'], (function (exports, tslib_es6, jsxRuntime, utils_UNSAFE_size, linaria, utils_UNSAFE_classNames, utils_UNSAFE_mergeProps, hooks, hooks_UNSAFE_useUser, hooks_PRIVATE_useDvtMeterEvents, utils_PRIVATE_meterUtils, PRIVATE_Meter, classNames, hooks_UNSAFE_useTabbableMode, UNSAFE_Environment, preact, UNSAFE_Layer, compat, hooks_UNSAFE_useTooltip, hooks_UNSAFE_useId, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, utils_UNSAFE_arrayUtils, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation) { 'use strict';
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+    /**
+     * Returns the metric value of the clicked point.
+     * @param event The PointerEvent
+     * @param dimensionsRef Ref to stored dimensions of the meter bar.
+     * @param min The minimum value of the meter bar.
+     * @param max The maximum value of the meter bar.
+     * @param step The step value of the meter bar.
+     * @param orientation The orientation of the meter bar.
+     * @param isRtl Whether the reading mode is 'rtl'
+     * @returns The metric value of the clicked point.
+     */
+    function getValue(event, dimensionsRef, min, max, step, orientation, isRtl) {
+        const dims = dimensionsRef.current;
+        if (!dims || dims.width === 0) {
+            return undefined;
+        }
+        let val;
+        if (orientation === 'horizontal') {
+            const width = event.offsetX;
+            val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;
+        }
+        else {
+            const height = dims.height - event.offsetY;
+            val = min + ((max - min) * height) / dims.height;
+        }
+        val = Math.round(val / step) * step;
+        return Math.max(min, Math.min(max, val));
+    }
+    /**
+     * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.
+     * @param element The meter bar track HTML element
+     * @returns The dimension of the meter bar.
+     */
+    function getDimensions(element) {
+        if (!element) {
+            return {
+                width: 0,
+                height: 0
+            };
+        }
+        const trackDims = element.getBoundingClientRect();
+        return {
+            width: trackDims.width,
+            height: trackDims.height
+        };
+    }
+    /**
+     * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.
+     * @param lines The array of reference lines.
+     * @returns Returns object with start and end keys.
+     */
+    function getRefLinesInfo(lines) {
+        let refLineInfo = { start: false, end: false };
+        if (lines) {
+            refLineInfo = lines.reduce((acc, cur) => {
+                acc.start = acc.start || cur.position === 'start';
+                acc.end = acc.end || cur.position === 'end' || cur.position == null;
+                return acc;
+            }, refLineInfo);
+        }
+        return refLineInfo;
+    }
+    /**
+     * Returns the total component size taking into account the presence or absence of
+     * reference line in either or both side of reference bar. This method assumes that reference line
+     * is always larger than the track size.
+     * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.
+     * @param size The size of the meter bar.
+     * @returns {string}
+     */
+    function getComponentSize(refLineInfo, size) {
+        const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;
+        const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';
+        if (refLineInfo.start && refLineInfo.end) {
+            return `calc((2 * ${refLineSize}) - ${barTrackSize})`;
+        }
+        if (refLineInfo.start || refLineInfo.end) {
+            return refLineSize;
+        }
+        return barTrackSize;
+    }
+
+    function ReferenceLineBar({
+      orientation,
+      percentage,
+      color,
+      position
+    }) {
+      const isHoriz = orientation === 'horizontal';
+      const {
+        direction
+      } = hooks_UNSAFE_useUser.useUser();
+      const isRtl = direction === 'rtl';
+      const isStartPos = position === 'start';
+      return jsxRuntime.jsx("div", {
+        class: classNames.classNames([styles$1.base, styles$1[`${orientation}Border`], styles$1[`${orientation}`], isStartPos ? isHoriz ? styles$1.horiontalStart : styles$1[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`] : '']),
+        style: {
+          left: isHoriz && !isRtl ? percentage : undefined,
+          right: isHoriz && isRtl ? percentage : undefined,
+          bottom: isHoriz ? undefined : percentage,
+          backgroundColor: color
+        }
+      });
+    }
+    const styles$1 = {
+      base: "base-17rd9cg",
+      verticalBorder: "verticalBorder-wo3wcs",
+      horizontalBorder: "horizontalBorder-fds9a9",
+      vertical: "vertical-1igjkqn",
+      horizontal: "horizontal-jbx2sb",
+      horiontalStart: "horiontalStart-1behzre",
+      verticalStartLtr: "verticalStartLtr-1pxlgth",
+      verticalStartRtl: "verticalStartRtl-1a2p468"
+    };
+
+    function ThresholdBar(_a) {
+      var {
+        color,
+        length,
+        orientation
+      } = _a,
+          otherProps = tslib_es6.__rest(_a, ["color", "length", "orientation"]);
+
+      const {
+        direction
+      } = hooks_UNSAFE_useUser.useUser();
+      const isHoriz = orientation === 'horizontal';
+      const isRtl = direction === 'rtl';
+      return jsxRuntime.jsx("div", {
+        class: classNames.classNames([styles.base, isHoriz ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`] : styles['verticalBarTrackSection'], otherProps.class]),
+        style: {
+          width: isHoriz ? length : '100%',
+          height: isHoriz ? '100%' : length,
+          backgroundColor: color
+        }
+      });
+    }
+    const styles = {
+      base: "base-1n7g74i",
+      verticalBarTrackSection: "verticalBarTrackSection-174br2u",
+      horizontalBarTrackSectionRtl: "horizontalBarTrackSectionRtl-1bi89z",
+      horizontalBarTrackSectionLtr: "horizontalBarTrackSectionLtr-w0agag"
+    };
+
+    /**
+     * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.
+     */
+
+    function MeterBar(_a) {
+      var _b, _c;
+
+      var {
+        max = 100,
+        min = 0,
+        value = 0,
+        step = 1,
+        length = '100%',
+        size = 'lg',
+        orientation = 'horizontal',
+        isTrackRendered = true,
+        thresholdDisplay = 'all',
+        indicatorSize = 1
+      } = _a,
+          props = tslib_es6.__rest(_a, ["max", "min", "value", "step", "length", "size", "orientation", "isTrackRendered", "thresholdDisplay", "indicatorSize"]);
+
+      utils_PRIVATE_meterUtils.validateRange(min, max, value, step);
+      const isHoriz = orientation === 'horizontal';
+      const barTrackRef = hooks.useRef(null);
+      const dimensionsRef = hooks.useRef(getDimensions(null));
+      const {
+        direction
+      } = hooks_UNSAFE_useUser.useUser();
+      const isRtl = direction === 'rtl';
+      hooks.useEffect(() => {
+        if (props.onCommit || props.onInput) {
+          dimensionsRef.current = getDimensions(barTrackRef.current);
+        }
+      }, [size, length, orientation, props.onCommit, props.onInput]);
+
+      const getValueFromEvent = event => {
+        // only evaluate value from bar track
+        if (event.target == barTrackRef.current) {
+          return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);
+        }
+
+        return;
+      };
+
+      const pointerEventsProps = hooks_PRIVATE_useDvtMeterEvents.usePointerEvents(value, getValueFromEvent, barTrackRef, props.onCommit, props.onInput);
+      const keyboardEventsProps = hooks_PRIVATE_useDvtMeterEvents.useKeyboardEvents(value, min, max, step, props.onCommit, props.onInput);
+      const {
+        datatipContent,
+        datatipProps
+      } = hooks_PRIVATE_useDvtMeterEvents.useMeterDatatip(value, props.datatip, props.ariaDescribedBy);
+      const ariaLabelProps = utils_PRIVATE_meterUtils.getMeterAriaProps(value, min, max, `${value}`, props.accessibleLabel, props.ariaLabelledBy, props.thresholds);
+      const mergedProps = utils_UNSAFE_mergeProps.mergeProps(pointerEventsProps, keyboardEventsProps, datatipProps, ariaLabelProps);
+      const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));
+      const valueBarLength = `${(value - min) * 100 / (max - min)}%`;
+      const valueBarSize = `${validIndicatorSize * 100}%`;
+      const {
+        trackColor,
+        indicatorColor
+      } = utils_PRIVATE_meterUtils.getTrackAndIndicatorColor(value, thresholdDisplay, props.trackColor, props.indicatorColor, props.thresholds);
+      const sizeStyle = getRefLinesInfo(props.referenceLines);
+      const isInteractive = props.onCommit || props.onInput;
+      const {
+        isTabbable
+      } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+      return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx("div", Object.assign({
+          tabIndex: !isTabbable ? -1 : 0,
+          role: "slider"
+        }, mergedProps, {
+          style: {
+            width: isHoriz ? utils_UNSAFE_size.sizeToCSS(length) : undefined,
+            height: isHoriz ? undefined : utils_UNSAFE_size.sizeToCSS(length)
+          },
+          class: classNames.classNames([componentStyles.base, componentStyles[orientation]])
+        }, {
+          children: jsxRuntime.jsxs(PRIVATE_Meter.BarTrack, Object.assign({
+            ref: barTrackRef,
+            orientation: orientation,
+            color: !isTrackRendered || thresholdDisplay === 'all' && props.thresholds ? 'transparent' : trackColor,
+            class: classNames.classNames([barTrackStyles.base, isInteractive ? componentStyles.interactive : '', isHoriz ? '' : barTrackStyles.vertical, isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`], ...getMarginClass(sizeStyle, size, isHoriz)])
+          }, {
+            children: [thresholdDisplay === 'all' && ((_b = props.thresholds) === null || _b === void 0 ? void 0 : _b.filter(threshold => threshold.max > min && threshold.max <= max).sort((a, b) => a.max - b.max).map((threshold, index, thresholds) => {
+              const diff = index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;
+              return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [jsxRuntime.jsx(ThresholdBar, {
+                  class: index === 0 ? trackSectionStyle[`${orientation}First`] : '',
+                  orientation: orientation,
+                  length: `${diff * 100 / (max - min)}%`,
+                  color: threshold.color
+                }), isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? jsxRuntime.jsx(ThresholdBar, {
+                  class: trackSectionStyle[`${orientation}Last`],
+                  color: trackColor,
+                  orientation: orientation,
+                  length: `${(max - thresholds[index].max) * 100 / (max - min)}%`
+                }) : '']
+              });
+            })), jsxRuntime.jsx(PRIVATE_Meter.BarValue, {
+              length: valueBarLength,
+              size: valueBarSize,
+              orientation: orientation,
+              class: classNames.classNames([barValueStyles.base, barValueStyles[orientation]]),
+              color: indicatorColor
+            }), (_c = props.referenceLines) === null || _c === void 0 ? void 0 : _c.map(item => jsxRuntime.jsx(ReferenceLineBar, {
+              color: item.color,
+              orientation: orientation,
+              percentage: `${(item.value - min) * 100 / (max - min)}%`,
+              position: item.position
+            }))]
+          }))
+        })), datatipContent]
+      });
+    }
+
+    const getMarginClass = function (info, size, isHoriz) {
+      const className = [];
+
+      if (info.start) {
+        className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);
+      }
+
+      if (info.end) {
+        className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);
+      }
+
+      return className;
+    };
+
+    const componentStyles = {
+      base: "base-1stneqw",
+      horizontal: "horizontal-1gsinkm",
+      vertical: "vertical-unsz05",
+      interactive: "interactive-w06p2o"
+    };
+    const barValueStyles = {
+      base: "base-13i6ghv",
+      vertical: "vertical-3kotri",
+      horizontal: "horizontal-7dst9x"
+    };
+    const barTrackStyles = {
+      base: "base-cpm22i",
+      vertical: "vertical-ol4hm",
+      smHorizontal: "smHorizontal-1646fgj",
+      smVertical: "smVertical-1ks5mld",
+      mdHorizontal: "mdHorizontal-16n9j37",
+      mdVertical: "mdVertical-3wsbzw",
+      lgHorizontal: "lgHorizontal-1ez8wnq",
+      lgVertical: "lgVertical-io4133",
+      smMarginTop: "smMarginTop-d3reod",
+      mdMarginTop: "mdMarginTop-1ovyjrg",
+      lgMarginTop: "lgMarginTop-1ux369p",
+      smMarginStart: "smMarginStart-1w52hip",
+      mdMarginStart: "mdMarginStart-39y1k5",
+      lgMarginStart: "lgMarginStart-171xcav",
+      smMarginEnd: "smMarginEnd-c022k5",
+      mdMarginEnd: "mdMarginEnd-1vnxvjs",
+      lgMarginEnd: "lgMarginEnd-1ogbo4b",
+      smMarginBottom: "smMarginBottom-1whtsgj",
+      mdMarginBottom: "mdMarginBottom-amtxdg",
+      lgMarginBottom: "lgMarginBottom-17ovalt"
+    };
+    const trackSectionStyle = {
+      horizontalFirst: "horizontalFirst-1bo3kr1",
+      horizontalLast: "horizontalLast-s60mmd",
+      verticalFirst: "verticalFirst-e0w0x4",
+      verticalLast: "verticalLast-1lklrb4"
+    };
+
+    exports.MeterBar = MeterBar;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_MeterBar.js.map

package/amd/UNSAFE_MeterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'];\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'];\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={index === 0 ? trackSectionStyle[`${orientation}First`] : ''}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`\n};\n"],"names":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","getMarginClass","info","size","className","componentStyles","barValueStyles","barTrackStyles","trackSectionStyle","barTrackRef","useRef","props","onCommit","onInput","length","pointerEventsProps","usePointerEvents","value","event","target","current","dimensionsRef","min","max","step","dims","val","offsetX","offsetY","Math","round","getValue","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","indicatorSize","valueBarLength","valueBarSize","lines","refLineInfo","start","end","reduce","acc","cur","isTabbable","useTabbableMode","sizeToCSS","children","_jsxs","jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","sizeStyle","diff","index","threshold","_Fragment","jsx"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'];\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'];\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\n  }}`\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={index === 0 ? trackSectionStyle[`${orientation}First`] : ''}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`\n};\n"],"names":["ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","MeterBar","barTrackRef","useRef","props","onCommit","onInput","size","length","getValueFromEvent","event","target","current","getValue","dimensionsRef","min","max","step","pointerEventsProps","usePointerEvents","value","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","Math","indicatorSize","valueBarLength","valueBarSize","isTabbable","useTabbableMode","width","sizeToCSS","height","componentStyles","children","_jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","barTrackStyles","getMarginClass","sizeStyle","diff","index","threshold","_Fragment","trackSectionStyle","info","className","barValueStyles"],"mappings":";;;IAAA;;;;;;IAMG;IAUH;;;;;;;;;;IAUG;IACa,SAAA,QAAQ,CACtB,KAAmB,EACnB,aAA8B,EAC9B,GAAW,EACX,GAAW,EACX,IAAY,EACZ,WAAuC,EACvC,KAAe,EAAA;IAEf,IAAA,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;IAC7B,QAAA,OAAO,SAAS,CAAC;IAClB,KAAA;IAED,IAAA,IAAI,GAAG,CAAC;QAER,IAAI,WAAW,KAAK,YAAY,EAAE;IAChC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,QAAA,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC;IAC/E,KAAA;IAAM,SAAA;YACL,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3C,QAAA,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;IAClD,KAAA;QACD,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACpC,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3C,CAAC;IAED;;;;IAIG;IACG,SAAU,aAAa,CAAC,OAA2B,EAAA;QACvD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;IACL,YAAA,KAAK,EAAE,CAAC;IACR,YAAA,MAAM,EAAE,CAAC;aACV,CAAC;IACH,KAAA;IACD,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAElD,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,MAAM,EAAE,SAAS,CAAC,MAAM;SACzB,CAAC;IACJ,CAAC;IAED;;;;IAIG;IACG,SAAU,eAAe,CAAC,KAAuB,EAAA;QACrD,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC/C,IAAA,IAAI,KAAK,EAAE;YACT,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAI;IACtC,YAAA,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,KAAK,OAAO,CAAC;IAClD,YAAA,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,KAAK,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC;IACpE,YAAA,OAAO,GAAG,CAAC;aACZ,EAAE,WAAW,CAAC,CAAC;IACjB,KAAA;IACD,IAAA,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;;;;;IAOG;IACa,SAAA,gBAAgB,CAC9B,WAA6C,EAC7C,IAAwB,EAAA;IAExB,IAAA,MAAM,YAAY,GAAG,CAA2C,wCAAA,EAAA,IAAI,QAAQ,CAAC;QAC7E,MAAM,WAAW,GAAG,uDAAuD,CAAC;IAC5E,IAAA,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,EAAE;IACxC,QAAA,OAAO,CAAa,UAAA,EAAA,WAAW,CAAO,IAAA,EAAA,YAAY,GAAG,CAAC;IACvD,KAAA;IACD,IAAA,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,EAAE;IACxC,QAAA,OAAO,WAAW,CAAC;IACpB,KAAA;IACD,IAAA,OAAO,YAAY,CAAC;IACtB;;IC5FA,SAAAA,gBAAA,CAAA;MAAAC,WAAA;MAAAC,UAAA;MAAAC,KAAA;IAAAC,EAAAA,QAAAA;IAAA,CAAA,EAAA;IACE,EAAA,MAAAC,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;MACA,MAAA;IAAAK,IAAAA,SAAAA;IAAA,GAAA,GAAAC,4BAAA,EAAA,CAAA;IACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;IACA,EAAA,MAAAG,UAAA,GAAAL,QAAA,KAAA,OAAA,CAAA;MACA,OAAAM,cAAA,CAAA,KAAA,EAAA;IAAAC,IAAAA,KAAA,EAAAC,qBAAA,CAAA,CAGMC,QAAA,CAAAC,IAHN,EAIMD,QAAA,CAAA,CAAAZ,EAAAA,WAAA,QAAA,CAJN,EAKMY,QAAA,CAAA,CAAA,EAAAZ,WAAA,CAAA,CAAA,CALN,eAOQI,OAAA,0BAAA,GAEEQ,QAAA,CAAA,CAAA,aAAA,EAAAL,KAAA,GAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IACF,EAVR,CAAA,CAAA;;UAaMO,IAAA,EAAAV,OAAA,IAAA,CAAAG,KAAA,GAAAN,UAAA,GAAAc;;;IAGAC,MAAAA,eAAA,EAAAd,KAAAA;;IAhBN,GAAA,CAAA,CAAA;IAmBF,CAAA;IAEA,MAAAU,QAAA,GAAA;YAAA,cAAA;sBAAA,uBAAA;wBAAA,yBAAA;gBAAA,kBAAA;kBAAA,mBAAA;sBAAA,wBAAA;wBAAA,0BAAA;;IAAA,CAAA;;ICzBA,SAAAK,YAAA,CAAAC,EAAA,EAAA;;;;;;;;MACE,MAAA;IAAAb,IAAAA,SAAAA;IAAA,GAAA,GAAAC,4BAAA,EAAA,CAAA;IACA,EAAA,MAAAF,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;IACA,EAAA,MAAAO,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;MACA,OAAAI,cAAA,CAAA,KAAA,EAAA;IAAAC,IAAAA,KAAA,EAAAC,qBAAA,CAAA,CAGMC,MAAA,CAAAC,IAHN,YAKQD,MAAA,CAAA,4BAAAL,KAAA,GAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IACAK,MAAA,CAAA,yBAAA,CANR,EAOMO,UAAA,CAAAT,KAPN,CAAA,CAAA;;;;IAYMM,MAAAA,eAAA,EAAAd,KAAAA;;IAZN,GAAA,CAAA,CAAA;IAeF,CAAA;IAEA,MAAAU,MAAA,GAAA;YAAA,cAAA;+BAAA,iCAAA;oCAAA,qCAAA;;IAAA,CAAA;;ICTA;;IAEG;;IACH,SAAAQ,QAAA,CAAAF,EAAA,EAAA;;;;;;;;;;;;;;;;;;IAeE,EAAA,MAAAd,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;IACA,EAAA,MAAAqB,WAAA,GAAAC,YAAA,CAAA,IAAA,CAAA,CAAA;;MAEA,MAAA;IAAAjB,IAAAA,SAAAA;IAAA,GAAA,GAAAC,4BAAA,EAAA,CAAA;IACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;;IAGE,IAAA,IAAAkB,KAAA,CAAAC,QAAA,IAAAD,KAAA,CAAAE,OAAA,EAAA;;IAEC,KAAA;IACH,KAAA,CAAAC,IAAA,EAAAC,MAAA,EAAA3B,WAAA,EAAAuB,KAAA,CAAAC,QAAA,EAAAD,KAAA,CAAAE,OAAA;;MAEA,MAAAG,iBAAA,GAAAC,KAAA,IAAA;;IAEE,IAAA,IAAAA,KAAA,CAAAC,MAAA,IAAAT,WAAA,CAAAU,OAAA,EAAA;IACE,MAAA,OAAAC,QAAA,CAAAH,KAAA,EAAAI,aAAA,EAAAC,GAAA,EAAAC,GAAA,EAAAC,IAAA,EAAApC,WAAA,EAAAO,KAAA,CAAA,CAAA;IACD,KAAA;;;OAJH,CAAA;;IAQA,EAAA,MAAA8B,kBAAA,GAAAC,gDAAA,CAAAC,KAAA,EAAAX,iBAAA,EAAAP,WAAA,EAAAE,KAAA,CAAAC,QAAA,EAAAD,KAAA,CAAAE,OAAA,CAAA,CAAA;;MAiBA,MAAA;QAAAe,cAAA;IAAAC,IAAAA,YAAAA;OAAAC,GAAAA,+CAAA,CAAAH,KAAA,EAAAhB,KAAA,CAAAoB,OAAA,EAAApB,KAAA,CAAAqB,eAAA,CAAA,CAAA;;MAeA,MAAAC,WAAA,GAAAC,kCAAA,CAAAT,kBAAA,EAAAU,mBAAA,EAAAN,YAAA,EAAAO,cAAA,CAAA,CAAA;IAOA,EAAA,MAAAC,kBAAA,GAAAC,IAAA,CAAAf,GAAA,CAAA,CAAA,EAAAe,IAAA,CAAAhB,GAAA,CAAA,CAAA,EAAAiB,aAAA,CAAA,CAAA,CAAA;IACA,EAAA,MAAAC,cAAA,GAAA,CAAA,EAAA,CAAAb,KAAA,GAAAL,GAAA,IAAA,GAAA,IAAAC,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IACA,EAAA,MAAAmB,YAAA,GAAA,CAAA,EAAAJ,kBAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;MAWA,MAAA;IAAAK,IAAAA,UAAAA;IAAA,GAAA,GAAAC,4CAAA,EAAA,CAAA;;;;;;;YAQQC,KAAA,EAAApD,OAAA,GAAAqD,2BAAA,CAAA9B,MAAA,CAAA,GAAAZ;IACA2C,QAAAA,MAAA,EAAAtD,OAAA,GAAAW,SAAA,GAAA0C,2BAAA,CAAA9B,MAAA,CAAA;;IACDjB,MAAAA,KAAA,EAAAC,qBAAA,CAAA,CAAAgD,eAAA,CAAA9C,IAAA,EAAA8C,eAAA,CAAA3D,WAAA,CAAA,CAAA,CAAA;WAAA;UAAA4D,QAAA,EAAAC,eAAA,CAAAC,sBAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,QAAAA,GAAA,EAAA5C,WAAA;IAAArB,QAAAA,WAAA,EAAAA,WAAA;IAAAE,QAAAA,KAAA,EAAA,CAAAgE,eAAA,IAAAC,gBAAA,KAAA,KAAA,IAAA5C,KAAA,CAAA6C,UAAA,GAOK,aAPL,GAQKC,UARL;YAQK3D,KAAA,EAAAC,qBAAA,CAAA,CAGF2D,cAAA,CAAAzD,IAHE,kDAAA,wCAAA,EAMFT,OAAA,GAAAkE,cAAA,CAAA,CAAA5C,EAAAA,IAAA,YAAA,CAAA,GAAA4C,cAAA,CAAA,CAAA5C,EAAAA,IAAA,UAAA,CANE,EAOF,GAAA6C,cAAA,CAAAC,SAAA,EAAA9C,IAAA,EAAAtB,OAAA,CAPE,CAAA,CAAA;IARL,OAAA;;cAsBO,MAAAqE,IAAA,GAAAC,KAAA,KAAA,CAAA,GAAAC,SAAA,CAAAxC,GAAA,GAAAD,GAAA,GAAAyC,SAAA,CAAAxC,GAAA,GAAAiC,UAAA,CAAAM,KAAA,GAAA,CAAA,CAAA,CAAAvC,GAAA,CAAA;cAEA,OAAA0B,eAAA,CAAAe,mBAAA,EAAA;IAAAhB,YAAAA,QAAA,EAAA,CAAAnD,cAAA,CAAAQ,YAAA,EAAA;IAAAP,cAAAA,KAAA,EAAAgE,KAAA,KAAA,CAAA,GAAAG,iBAAA,CAAA,CAAA,EAAA7E,WAAA,CAAA,KAAA,CAAA,CAAA,GAAA,EAAA;IAAAA,cAAAA,WAAA,EAAAA,WAAA;kBAAA2B,MAAA,EAAA,CAAA8C,EAAAA,IAAA,GAAA,GAAA,IAAAtC,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA;kBAAAhC,KAAA,EAAAyE,SAAA,CAAAzE,KAAAA;iBAAA,CAAA,EAAAgE,eAAA,IAAAQ,KAAA,KAAAN,UAAA,CAAAzC,MAAA,GAAA,CAAA,IAAAgD,SAAA,CAAAxC,GAAA,GAAAA,GAAA,GAAA1B,cAAA,CAAAQ,YAAA,EAAA;IAAAP,cAAAA,KAAA,EAAAmE,iBAAA,CAAA,CAAA7E,EAAAA,WAAA,MAAA,CAAA;IAAAE,cAAAA,KAAA,EAAAmE,UAAA;IAAArE,cAAAA,WAAA,EAAAA,WAAA;IAAA2B,cAAAA,MAAA,EAAA,CAAA,EAAA,CAAAQ,GAAA,GAAAiC,UAAA,CAAAM,KAAA,CAAA,CAAAvC,GAAA,IAAA,GAAA,IAAAA,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA;iBAAA,CAAA,GAAA,EAAA,CAAA;IAAA,WAAA,CAAA,CAAA;;;;;;;;;;;;;WAxBP,CAAA,CAAA;;;IAkET,CAAA;;IAEA,MAAAqC,cAAA,GAAA,UAAAO,IAAA,EAAApD,IAAA,EAAAtB,OAAA,EAAA;;;;;IAQG,GAAA;;;;IAIA,GAAA;;IACD,EAAA,OAAA2E,SAAA,CAAA;IACF,CAdA,CAAA;;IAgBA,MAAApB,eAAA,GAAA;YAAA,cAAA;kBAAA,oBAAA;gBAAA,iBAAA;;IAAA,CAAA,CAAA;IAsBA,MAAAqB,cAAA,GAAA;YAAA,cAAA;gBAAA,iBAAA;;IAAA,CAAA,CAAA;IAkBA,MAAAV,cAAA,GAAA;YAAA,aAAA;gBAAA,gBAAA;oBAAA,sBAAA;kBAAA,oBAAA;oBAAA,sBAAA;kBAAA,mBAAA;oBAAA,sBAAA;kBAAA,mBAAA;mBAAA,oBAAA;mBAAA,qBAAA;mBAAA,qBAAA;qBAAA,uBAAA;qBAAA,sBAAA;qBAAA,uBAAA;mBAAA,oBAAA;mBAAA,qBAAA;mBAAA,qBAAA;sBAAA,wBAAA;sBAAA,uBAAA;;IAAA,CAAA,CAAA;IAqFA,MAAAO,iBAAA,GAAA;uBAAA,yBAAA;sBAAA,uBAAA;qBAAA,sBAAA;;IAAA,CAAA;;;;;;;;;;;;;"}