401c6d972ce24a6dd73607576179af6720239bfcb46d84dcd62acdf6f230c03f.json raw

   1  {"ast":null,"code":"import * as i0 from \"@angular/core\";\nfunction DerivingModalComponent_Conditional_0_Template(rf, ctx) {\n  if (rf & 1) {\n    i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1);\n    i0.ɵɵelement(2, \"div\", 2);\n    i0.ɵɵelementStart(3, \"h3\");\n    i0.ɵɵtext(4);\n    i0.ɵɵelementEnd();\n    i0.ɵɵelementStart(5, \"p\", 3);\n    i0.ɵɵtext(6, \"This may take a few seconds\");\n    i0.ɵɵelementEnd()()();\n  }\n  if (rf & 2) {\n    const ctx_r0 = i0.ɵɵnextContext();\n    i0.ɵɵadvance(4);\n    i0.ɵɵtextInterpolate(ctx_r0.message);\n  }\n}\nexport let DerivingModalComponent = /*#__PURE__*/(() => {\n  class DerivingModalComponent {\n    visible = false;\n    message = 'Deriving encryption key';\n    /**\n     * Show the deriving modal\n     * @param message Optional custom message\n     */\n    show(message) {\n      if (message) {\n        this.message = message;\n      }\n      this.visible = true;\n    }\n    /**\n     * Hide the modal\n     */\n    hide() {\n      this.visible = false;\n    }\n    static ɵfac = function DerivingModalComponent_Factory(__ngFactoryType__) {\n      return new (__ngFactoryType__ || DerivingModalComponent)();\n    };\n    static ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n      type: DerivingModalComponent,\n      selectors: [[\"app-deriving-modal\"]],\n      decls: 1,\n      vars: 1,\n      consts: [[1, \"deriving-overlay\"], [1, \"deriving-modal\"], [1, \"deriving-spinner\"], [1, \"deriving-note\"]],\n      template: function DerivingModalComponent_Template(rf, ctx) {\n        if (rf & 1) {\n          i0.ɵɵtemplate(0, DerivingModalComponent_Conditional_0_Template, 7, 1, \"div\", 0);\n        }\n        if (rf & 2) {\n          i0.ɵɵconditional(ctx.visible ? 0 : -1);\n        }\n      },\n      styles: [\".deriving-overlay[_ngcontent-%COMP%] {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  background: rgba(0, 0, 0, 0.85);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  z-index: 9999;\\n  backdrop-filter: blur(4px);\\n}\\n\\n.deriving-modal[_ngcontent-%COMP%] {\\n  background: #1a1a1a;\\n  border-radius: 12px;\\n  padding: 2rem;\\n  text-align: center;\\n  min-width: 280px;\\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);\\n  border: 1px solid #3d3d3d;\\n}\\n.deriving-modal[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\\n  margin: 1rem 0 0.5rem;\\n  color: #fafafa;\\n  font-size: 1.1rem;\\n  font-weight: 600;\\n}\\n\\n.deriving-note[_ngcontent-%COMP%] {\\n  margin: 0.5rem 0 0;\\n  color: #a1a1a1;\\n  font-size: 0.85rem;\\n}\\n\\n.deriving-spinner[_ngcontent-%COMP%] {\\n  width: 48px;\\n  height: 48px;\\n  border: 4px solid #3d3d3d;\\n  border-top-color: #ff3eb5;\\n  border-radius: 50%;\\n  animation: _ngcontent-%COMP%_spin 1s linear infinite;\\n  margin: 0 auto;\\n}\\n\\n@keyframes _ngcontent-%COMP%_spin {\\n  to {\\n    transform: rotate(360deg);\\n  }\\n}\"]\n    });\n  }\n  return DerivingModalComponent;\n})();","map":null,"metadata":{},"sourceType":"module","externalDependencies":[]}