{"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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"}