{"version":3,"file":"PNotifyReference.js","sources":["src/PNotifyReference.html"],"sourcesContent":["<!-- This file is for referencing while you are making a PNotify module. -->\n{{#if putThing}} <!-- We want to check to make sure the notice should include our thing. -->\n  <!--\n  We're going to create a button that will be appended to the notice.\n  It will be disabled by default, so we can enable it on mouseover.\n  -->\n  <button\n      ref:thingElem\n      class=\"ui-pnotify-reference-button btn btn-default\"\n      type=\"button\"\n      disabled=\"{{!_mouseIsIn}}\"\n      on:click=\"doSomething()\">\n    <i class=\"{{_notice.get('_icons').athing}}\" />&nbsp;{{labels.text}}\n  </button>\n  <!-- Since our button is floated, we have to add a clearing div. -->\n  <div class=\"ui-pnotify-reference-clearing\" />\n{{/if}}\n\n<script>\n  import PNotify from \"./PNotify.html\";\n\n  export default {\n    setup (Component) {\n      // This is the key you use for registering your module with PNotify.\n      Component.key = \"Reference\";\n\n      // This if the default values of your options.\n      Component.defaults = {\n        // Provide a thing for stuff. Turned off by default.\n        putThing: false,\n        // If you are displaying any text, you should use a labels options to\n        // support internationalization.\n        labels: {\n          text: \"Spin Around\"\n        }\n      };\n\n      // This is the first way to init a module. If you aren't placing any\n      // markup in the template, you would do this.\n      // Component.init = (notice) => {\n      //   return new Component({target: document.body, data: {\n      //     \"_notice\": notice\n      //   }});\n      // };\n\n      // Register the module with PNotify.\n      PNotify.modules.Reference = Component;\n      // Append our markup to the container.\n      PNotify.modulesAppendContainer.push(Component);\n\n      // This is where you would add any styling or icons classes you are using in your code.\n      Object.assign(PNotify.icons.brighttheme, {\n        athing: \"bt-icon bt-icon-refresh\"\n      });\n      Object.assign(PNotify.icons.bootstrap3, {\n        athing: \"glyphicon glyphicon-refresh\"\n      });\n      Object.assign(PNotify.icons.fontawesome4, {\n        athing: \"fa fa-refresh\"\n      });\n      Object.assign(PNotify.icons.fontawesome5, {\n        athing: \"fas fa-sync\"\n      });\n      if (!PNotify.icons.material) {\n        PNotify.icons.material = {};\n      }\n      Object.assign(PNotify.icons.material, {\n        athing: \"material-icons pnotify-material-icon-refresh\"\n      });\n    },\n\n    oncreate () {\n      // This is the second way to init a module. Because we put markup in the\n      // template, we have to fire this event to tell the core that we are ready\n      // to receive our options.\n      this.fire(\"init\", {module: this});\n    },\n\n    data () {\n      return Object.assign({\n        \"_notice\": null, // The PNotify notice.\n        \"_options\": {}, // The options for the notice.\n        \"_mouseIsIn\": false,\n      }, PNotify.modules.Reference.defaults);\n    },\n\n    methods: {\n      // This method is called from the core to give us our actual options.\n      // Until it is called, our options will just be the defaults.\n      initModule(options) {\n        // Set our options.\n        this.set(options);\n        // Now that the notice is available to us, we can listen to events fired\n        // from it.\n        this.get(\"_notice\").on(\"mouseenter\", () => this.set({\"_mouseIsIn\": true}));\n        this.get(\"_notice\").on(\"mouseleave\", () => this.set({\"_mouseIsIn\": false}));\n      },\n\n      doSomething() {\n        // Spin the notice around.\n        let cur_angle = 0, notice = this.get(\"_notice\"), timer = setInterval(() => {\n          cur_angle += 10;\n          if (cur_angle == 360) {\n            cur_angle = 0;\n            clearInterval(timer);\n          }\n          notice.refs.elem.style.transform = 'rotate('+cur_angle+'deg)';\n        }, 20);\n      },\n\n      // I have nothing to put in these, just showing you that they exist. You\n      // won't need to include them if you aren't using them.\n      update() {\n        // Called when the notice is updating its options.\n      },\n      beforeOpen() {\n        // Called before the notice is opened.\n      },\n      afterOpen() {\n        // Called after the notice is opened.\n      },\n      beforeClose() {\n        // Called before the notice is closed.\n      },\n      afterClose() {\n        // Called after the notice is closed.\n      },\n      beforeDestroy() {\n        // Called before the notice is destroyed.\n      },\n      afterDestroy() {\n        // Called after the notice is destroyed.\n      }\n    }\n  }\n</script>\n\n<style>\n  .ui-pnotify-reference-button {\n    float: right;\n  }\n  .ui-pnotify-reference-clearing {\n    clear: right;\n    line-height: 0;\n  }\n</style>\n"],"names":[],"mappings":"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"}