!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("preact/compat"));else if("function"==typeof define&&define.amd)define(["preact/compat"],t);else{var r="object"==typeof exports?t(require("preact/compat")):t(e.PreactCompat);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(Depicter,(e=>(()=>{"use strict";var t={585:t=>{t.exports=e}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var c=r[e]={exports:{}};return t[e](c,c.exports,o),c.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};o.r(a),o.d(a,{dpcProgressIndicator:()=>p});var c=o(585);const n=e=>{const{className:t="dpc-progress-indicator",totalSteps:r,activeStep:o}=e,a={width:o/r*100+"%"};return Depicter.h("div",{className:t},Depicter.h("div",{className:"dpc-progress-indicator-bar",style:a}))},p={component:e=>{const{composer:t}=e,[r,o]=(0,c.useState)(t.navigator.currentIndex||0),a=(e,t)=>{o(t)};return(0,c.useEffect)((()=>(t.on("targetIndexChange",a),()=>{t.off("targetIndexChange",a)})),[t]),Depicter.h(n,{totalSteps:t.navigator.count-1,activeStep:r})},async:!1};return a})()));