!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={314: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={};return(()=>{o.r(a),o.d(a,{dpcProgressIndicator:()=>r});var e=o(314);const t=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}))},r={component:r=>{const{composer:o}=r,[a,c]=(0,e.useState)(o.navigator.currentIndex||0),n=(e,t)=>{c(t)};return(0,e.useEffect)((()=>(o.on("targetIndexChange",n),()=>{o.off("targetIndexChange",n)})),[o]),Depicter.h(t,{totalSteps:o.navigator.count-1,activeStep:a})},async:!1}})(),a})()));