{"version":3,"sources":["jsdelivr-header.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/controls.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/state.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/phase.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/sequence.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/config.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/pattern.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/settings.js","/node_modules/style-inject/dist/style-inject.es.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/time.js","/npm/sdc-pomodoro@2.0.2/src/pomodoro/panel.js"],"names":[],"mappings":"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","file":"/npm/sdc-pomodoro@2.0.2/lib/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/sdc-pomodoro@2.0.2/lib/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import React from 'react'\r\nimport { inject, observer } from 'mobx-react'\r\n\r\nexport const PomodoroControls = inject('pomodoroState')(observer(({pomodoroState}) => <div className=\"pomodoro-controls\">\r\n  <i className={'fa fa-play'+(pomodoroState.running || pomodoroState.current.timeLeft <= 0 ? ' disabled' : '')} onClick={pomodoroState.start} />\r\n  <i className={'fa fa-pause'+(pomodoroState.running ? '' : ' disabled')}   onClick={pomodoroState.pause}/>\r\n  <i className={'fa fa-step-forward'+(pomodoroState.running ? '' : ' disabled')}   onClick={pomodoroState.advance}/>\r\n  &nbsp;&nbsp;\r\n  <i className={'fa fa-stop'+(pomodoroState.running ? '' : ' disabled')}    onClick={pomodoroState.stop} />\r\n  <i className={'fa fa-refresh'+(pomodoroState.running ? ' disabled' : '')} onClick={pomodoroState.reset({hard:true})} />\r\n  &nbsp;&nbsp;\r\n  <i className={'fa fa-cog'+(pomodoroState.running ? ' disabled' : '')} onClick={pomodoroState.toggleSettings} />\r\n</div>))\r\n","import { action, observable } from 'mobx'\r\n\r\nexport class PomodoroState {\r\n\r\n  @observable durations = {\r\n    plan    : 300,\r\n    work    : 1200,\r\n    short   : 300,\r\n    pattern : 4,\r\n    count   : 0,\r\n    long    : 900,\r\n  }\r\n\r\n  @observable current   = {}\r\n\r\n  @observable settings  = false\r\n  @observable planning  = true\r\n  @observable running   = false\r\n  @observable reference = 0\r\n  @observable autoCycle = true\r\n  @observable mode      = null\r\n\r\n  constructor() {\r\n    this.reset({\r\n      hard : true,\r\n    })()\r\n  }\r\n\r\n  @action\r\n  update = () => {\r\n    const elapsed  = new Date().valueOf() - this.reference\r\n    const timeLeft = Math.floor(this.durations[this.mode] - elapsed / 1000)\r\n\r\n    this.current   = {\r\n      timeLeft : timeLeft,\r\n      ticks    : 9 - Math.floor(elapsed / 100) % 10,\r\n      elapsed  : elapsed,\r\n    }\r\n\r\n    if (timeLeft <= 0 && this.current.ticks === 0) {\r\n      this.advance()\r\n    }\r\n  }\r\n\r\n  @action\r\n  advance = () => {\r\n    this.pause()\r\n    if (this.autoCycle) {\r\n      this.cycle()\r\n      this.cont()\r\n    }\r\n  }\r\n\r\n  @action\r\n  cycle = () => {\r\n    if (this.mode === 'plan') {\r\n      this.reset({\r\n        mode : 'work',\r\n      })()\r\n    } else if (this.mode === 'work') {\r\n      this.durations.count = this.durations.count + 1\r\n      if (this.durations.count < this.durations.pattern) {\r\n        this.reset({\r\n          mode : 'short',\r\n        })()\r\n      } else {\r\n        this.durations.count = 0\r\n        this.reset({\r\n          mode : 'long',\r\n        })()\r\n      }\r\n    } else {\r\n      if (this.planning) {\r\n        this.reset({\r\n          mode : 'plan',\r\n        })()\r\n      } else {\r\n        this.reset({\r\n          mode : 'work',\r\n        })()\r\n      }\r\n    }\r\n  }\r\n\r\n  @action\r\n  start = () => {\r\n    if (!this.running && this.current.timeLeft > 0) {\r\n      this.cont()\r\n    }\r\n  }\r\n  @action\r\n  stop = () => {\r\n    if (this.running) {\r\n      this.pause()\r\n      this.reset({\r\n        hard : true,\r\n      })()\r\n    }\r\n  }\r\n  adjust = (field,step) => action(() => {\r\n    this.durations[field] = this.durations[field] + step\r\n  })\r\n\r\n  @action\r\n  toggleSettings = () => {\r\n    this.settings = !this.settings\r\n  }\r\n\r\n  reset = ({mode,hard}) => action(() => {\r\n    if (!this.running) {\r\n      this.mode = mode || (this.planning ? 'plan' : 'work')\r\n      this.current = {\r\n        timeLeft  : this.durations[this.mode],\r\n        ticks     : 0,\r\n        elapsed   : 0,\r\n      }\r\n      if (hard) {\r\n        this.durations.count = 0\r\n      }\r\n      this.reference = new Date().valueOf()\r\n    }\r\n  })\r\n\r\n  @action\r\n  pause = () => {\r\n    if (this.running) {\r\n      this.running = false\r\n      if (this.timer) {\r\n        clearInterval(this.timer)\r\n        this.timer = null\r\n      }\r\n    }\r\n  }\r\n  @action\r\n  cont = () => {\r\n    if (!this.running) {\r\n      this.reference = new Date().valueOf() - this.current.elapsed\r\n      this.timer     = setInterval(this.update,100)\r\n      this.running   = true\r\n      this.settings  = false\r\n    }\r\n  }\r\n}\r\n\r\nexport default new PomodoroState()\r\n","import React         from 'react'\r\nimport { observer  } from 'mobx-react'\r\n\r\nimport { Label } from 'sdc-i18n-react'\r\n\r\nimport pomodoroState from './state'\r\n\r\nexport const PomodoroPhase = observer(()=> <div className=\"pomodoro-phase\">\r\n  <Label value={'pomodoro.phase.'+pomodoroState.mode} />\r\n</div>)\r\n","import React         from 'react'\r\nimport { observer  } from 'mobx-react'\r\n\r\nimport pomodoroState from './state'\r\n\r\nexport const PomodoroSequence = observer(({}) => {\r\n  const {plan,work,short,long,pattern,count} = pomodoroState.durations\r\n  const planning = (pomodoroState.planning ? plan : 0)\r\n  const total = pattern * work + (pattern-1) * short + long + pattern * planning\r\n  const planWidth  = (100 * planning  / total)+'%'\r\n  const workWidth  = (100 * work  / total)+'%'\r\n  const shortWidth = (100 * short / total)+'%'\r\n  const longWidth  = (100 * long  / total)+'%'\r\n  return <div className=\"pomodoro-sequence\">\r\n    {Array.apply(null, {length: pattern-1}).map(Number.call, Number).map(i => <React.Fragment key={i}>\r\n      <span className={'plan' + ((i   === count && pomodoroState.mode === 'plan')  ? ' active' : '')} style={{width: planWidth}} />\r\n      <span className={'work' + ((i   === count && pomodoroState.mode === 'work')  ? ' active' : '')} style={{width: workWidth}} />\r\n      <span className={'short'+ ((i+1 === count && pomodoroState.mode === 'short') ? ' active' : '')} style={{width: shortWidth}} />\r\n    </React.Fragment>)}\r\n    <span className={'plan' + ((pattern === count+1 && pomodoroState.mode === 'plan')  ? ' active' : '')} style={{width: planWidth}} />\r\n    <span className={'work' + ((pattern === count+1 && pomodoroState.mode === 'work')  ? ' active' : '')} style={{width: workWidth}} />\r\n    <span className={'long' + ((pomodoroState.mode === 'long')  ? ' active' : '')} style={{width: longWidth}} />\r\n  </div>\r\n})\r\n","import React from 'react'\r\nimport { inject, observer } from 'mobx-react'\r\n\r\nimport { Label } from 'sdc-i18n-react'\r\n\r\nimport { TimeFormatter } from 'sdc-react-basics'\r\n\r\nexport const PomodoroConfig = inject('pomodoroState')(observer(({pomodoroState,field,step=300}) => pomodoroState.settings ?\r\n<div className=\"time-settings\">\r\n  <span className=\"settings-label\"><Label value={'pomodoro.config.'+field} /></span>\r\n  <span className=\"settings-input\">\r\n    <i className=\"fa fa-plus\"  onClick={pomodoroState.adjust(field,step)} />\r\n    <i className=\"fa fa-minus\" onClick={pomodoroState.adjust(field,-step)} />\r\n    <TimeFormatter time={pomodoroState.durations[field]} />\r\n  </span>\r\n</div> : null))\r\n","import React from 'react'\r\nimport { inject, observer } from 'mobx-react'\r\n\r\nimport { Label } from 'sdc-i18n-react'\r\n\r\nexport const PomodoroPattern = inject('pomodoroState')(observer(({pomodoroState,field,step=1}) => pomodoroState.settings ?\r\n<div className=\"time-settings\">\r\n  <span className=\"settings-label\"><Label value={'pomodoro.config.'+field} /></span>\r\n  <span className=\"settings-input\">\r\n    <i className=\"fa fa-plus\"  onClick={pomodoroState.adjust(field,step)} />\r\n    <i className=\"fa fa-minus\" onClick={pomodoroState.adjust(field,-step)} />\r\n    <div>{pomodoroState.durations[field]}</div>\r\n  </span>\r\n</div> : null))\r\n","import React               from 'react'\r\nimport { observer        } from 'mobx-react'\r\n\r\nimport { PomodoroConfig  } from './config'\r\nimport { PomodoroPattern } from './pattern'\r\n\r\nimport pomodoroState       from './state'\r\n\r\nexport const PomodoroSettings = observer(() => pomodoroState.settings ? <div className=\"pomodoro-settings\">\r\n  <PomodoroConfig  field=\"plan\"  step={60} />\r\n  <PomodoroConfig  field=\"work\"    />\r\n  <PomodoroConfig  field=\"short\" step={60} />\r\n  <PomodoroConfig  field=\"long\"    />\r\n  <PomodoroPattern field=\"pattern\" />\r\n</div> : null)\r\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react'\r\nimport { observer } from 'mobx-react'\r\n\r\nimport './panel.scss'\r\n\r\nexport const PomodoroTime = observer(({value,className='',blink,ticks,...props}) => {\r\n  const mins = Math.floor(value / 60)\r\n  const secs = ('0'+value % 60).slice(-2)\r\n  return <span className={'time-display '+className} {...props} >\r\n    {mins}<span className={(blink && (ticks > 0 && ticks < 6)) ? 'dimmed' : ''}>:</span>{secs}\r\n    {ticks !== undefined && <span className=\"ticks\">.{ticks}</span>}\r\n  </span>\r\n})\r\n","import React from 'react'\r\nimport { inject, observer  } from 'mobx-react'\r\n\r\nimport { PomodoroControls  } from './controls'\r\nimport { PomodoroPhase     } from './phase'\r\nimport { PomodoroSequence  } from './sequence'\r\nimport { PomodoroSettings  } from './settings'\r\nimport { PomodoroTime      } from './time'\r\n\r\nimport './panel.scss'\r\n\r\nexport const PomodoroPanel = inject('pomodoroState')(observer(({pomodoroState,...props}) => <div className=\"sdc-pomodoro-panel\" {...props}>\r\n  <PomodoroTime value={pomodoroState.current.timeLeft} ticks={pomodoroState.current.ticks} className={'pomodoro-time '+pomodoroState.mode} blink />\r\n  <PomodoroSequence />\r\n  <PomodoroPhase />\r\n  <PomodoroControls />\r\n  <PomodoroSettings />\r\n</div>))\r\n"]}