{"version":3,"mappings":"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EACF,GAAI,CACA,EAAK,EACL,EAAK,EACL,EAAK,CACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,EACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,EACL,EAAK,EACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,GAAI,CACA,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,EACL,EAAK,GACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,EACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,GACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,EACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,IACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,GACL,EAAK,IACL,EAAK,EACP,EACF,IAAK,CACD,EAAK,EACL,EAAK,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","names":["emittable","ThinCrossSVG","InfoSVG","WarningSVG","ErrorSVG","CheckSVG","viewModel$1","GraphData","JourneyStatus","resetActiveJourney","NodeType","tmp_uuidv4","CrossSVG","setupTags","_sfc_main$9","api","reactive","requestFrame","defineComponent","openBlock","createElementBlock","createBaseVNode","createBlock","mergeProps","resolveDynamicComponent","createCommentVNode","normalizeClass","normalizeStyle","toDisplayString","createVNode","withModifiers","unref","withCtx","Fragment","renderList","withDirectives","TransitionGroup","onMounted","deepClone","watch","Suspense","provide","resolveComponent","computed","setBlockTracking","createTextVNode","ref","createStaticVNode","uid","inject","vShow","rootElement","_sfc_main$b","_sfc_main$a","Tabs","tab","_sfc_main$c","createRouter","createWebHistory","globalMethods","scriptRel","assetsURL","dep","seen","__vitePreload","baseModule","deps","importerUrl","ToastLibrary$1","toast","data","now","elapsed","i","ToastLibrary","once","vNotify","el","value","sc","pos","rect","closeNote","exit","component","__default__","props","__props","icon","_a","_b","_c","_d","_e","_f","vm","tags","hasFeature","feature","ev","toggleAdminTools","editor","activeJourney","account","state","awaitData","res","setupListings","endpoint","item","op_data","op_rootProps","key","relative_shortenRegexp","formatDate","options","str","timeUnit","HumanTime","__publicField","date","format","separators","format_len","last_separator","acc","opt","idx","locale","millis","unit","interval","NodeIcon","NodeFrame","RoundedSquare","_createVNode","Polygon6","Polygon8","Circle","RoundedRect","Rombus","SurveySVG","transform","PaperPlaneSVG","Segment1SVG","DollarSignSVG","CalendarSVG","PhoneSVG","UserSimpleSVG","FacebookSVG","GoogleSVG","InstagramSVG","ClickSVG","ClockSVG","PauseSVG","PlaySVG","StopSVG","EmailSVG","EmailErrorSVG","VideoClipSVG","EmailSendSVG","EmailOpenSVG","EmailBounceSVG","ConditionIfSVG","ListSVG","SmsSVG","FormSVG","CircularArrowSVG","FolderSVG","SimpleClockSVG","TinyClockSVG","IfSVG","DynamicCondition","text","accentColor","rect_fill","x","y","height","width","rx","badgeWidth","text_fill","fong_size","DynamicDelay","TinyDelayBadge","TinyConditionBadge","PageGeneric","PageImport","PageOptIn","PageSurvey","EmailBounceFlatSVG","EmailOpenFlatSVG","EmailNotOpenedFlatSVG","UnsubFlatSVG","ClickedFlatSVG","BannedCursorSVG","EmailFlatSVG","AnsweredSurveySVG","NotAnsweredSurveySVG","assets","NodeAssets","viewbox","iconTransform","HSLColors","previewRef","previewRect","dominantProps","content","onVisible","handlePageResizeEvent","setPreviewSize","resizeTimeout","entries","observer","entry","toHumanTime","journeysOrderOptions","startMenu","nav","switchTab","journeysTabs","currentTab","tabData","filteredList","setTabData","j","newJourneyWindow","fetchListings","status","listing","clearSelection","deleteSelectedItems","journeys","id","JourneyId","cleanJourney","openTemplates","openJourney","journey","getFiltered","currentFilter","switchFilter","filter","list","templatesList","previousList","journeyId","clonedJourney","close","initJourney","viewportComponent","routes","JourneyHome","JourneyNew","router","Journeys","ScrollableContainer","admin_tools","editing_resource","editedResources","resourceTextElementFromPoint","editResource","handleInput","getResourceKey","regexp","reskey","val"],"ignoreList":[],"sources":["../shared/methods.ts","../Journeys/components/Toast/ToastLibrary.ts","../shared/components/Alerts/ToastLibrary.ts","../shared/components/Alerts/Toast.ts","../shared/components/FluidButton.vue","../shared/components/Alerts/Notification.vue","../Journeys/components/Toast/Toast.vue","../Journeys/Journeys.vue","../shared/utils/HumanTime/HumanTime.ts","../Journeys/components/NodePartials/NodeAssets.tsx","../Journeys/components/NodePartials/NodeTemplate.vue","../shared/components/ColorPickers/HSLColorValues.ts","../Journeys/Pages/JourneyPreview.vue","../Journeys/components/JourneyListItem.vue","../Journeys/Pages/JourneyStart.vue","../Journeys/Pages/JourneyNew.vue","../Journeys/Journeys.entry.ts"],"sourcesContent":["export {}\r\n\r\nexport const globalMethods: any = {}\r\n\r\n// tag template literals\r\n/** Removes indent */\r\n// ignoreIndent = (ts: TemplateStringsArray, ...vs: Array<string>): string => {\r\n// \t let res = ''\r\n// \t for (let i = 0; i < ts.length; i++)\r\n// \t\t\tres += ts[i] + (vs[i] || '')\r\n// \t return res.replace(/\\n[\\s]+/gi, '\\n')\r\n// }\r\n\r\n// // lets color code our logs for readability\r\n// const styles = {\r\n//    quiet: 'color: #dd3291; padding: 1px 7px; border-radius: 4px'\r\n// }\r\n// cl.quiet = (...args: any) => cl.log(`%c${args.shift()}`, styles.quiet, ...args)\r\n// cl.quietGroup = (...args: any) => {\r\n//    cl.groupCollapsed(`%c${args.shift()}`, styles.quiet)\r\n//    cl.log(...args)\r\n//    cl.groupEnd()\r\n// }\r\n\r\n/** INFO.toArr() - parse obj values to an array\r\n *   fastest & prettiest\r\n */\r\n// Object.defineProperty(Object.prototype, 'qArr', {\r\n//    enumerable: false, // enum: true - breaks jquery.. eh\r\n//    configurable: false,\r\n//    writable: true,\r\n//    value: function (k: any) {\r\n//       let o = this,\r\n//          ks = Object.keys(o),\r\n//          a = new Array()\r\n//       for (let i = 0; i < ks.length; i++) a[i] = k ? o[ks[i]][k] : o[ks[i]]\r\n//       return a\r\n//    }\r\n// })\r\n\r\n/** INFO.toSorted() - parse obj values to a sorted array\r\n *   specify dir (asc|des) - not really finished\r\n */\r\n// Object.defineProperty(Object.prototype, 'qSorted', {\r\n//    enumerable: false,\r\n//    configurable: false,\r\n//    writable: true,\r\n//    value: function ({ dir = 'asc', key = 'value' }) {\r\n//       let o = this,\r\n//          ks = Object.keys(o),\r\n//          a = new Array()\r\n//       for (let i = 0; i < ks.length; i++) {\r\n//          for (let j = i; j < ks.length; j++) {\r\n//             if (o[ks[i]][key] > o[ks[j]][key]) {\r\n//                let temp = o[ks[i]]\r\n//                a[i] = o[ks[j]]\r\n//                a[j] = temp\r\n//             }\r\n//          }\r\n//          a.push(o[ks[i]])\r\n//       }\r\n//       return a\r\n//    }\r\n// })\r\n\r\n\r\n/** INFO.toArr() - parse obj values to an array\r\n *   fastest & prettiest\r\n */\r\n//  Object.defineProperty(Object.prototype, 'qKey', {\r\n\r\n//       get() {\r\n//         return this.key;\r\n//       },\r\n//       set(key) {\r\n//         this.key = key;\r\n//       }\r\n\r\n// })\r\n\r\n\r\n/** more performant reduce method for objects, ++ for a sprinkle of syntactic sugar */\r\n// Object.defineProperty(Object.prototype, 'qReduce', {\r\n//    enumerable: false, // enum: true - breaks jquery.. eh\r\n//    configurable: false,\r\n//    writable: true,\r\n//    value(func: (acc: any, [k, v]: [k: string, v: any], i: number, o: { [key: string]: any }) => any, acc: any): any {\r\n\r\n//       let o = this,\r\n//          ks = Object.keys(o)\r\n//       for (let i = 0; i < ks.length; i++) acc = func(acc, [ks[i], o[ks[i]]], i, o)\r\n//       return acc\r\n//    }\r\n// })\r\n\r\n// /** foreach for objects */\r\n// Object.defineProperty(Object.prototype, 'qEach', {\r\n//    enumerable: false, // enum: true - breaks jquery.. eh\r\n//    configurable: false,\r\n//    writable: false,\r\n//    value(func: ([k, v]: [k: string, v: any], i: number, o: { [key: string]: any }) => void): void {\r\n//       let o = this,\r\n//          ks = Object.keys(o)\r\n//       for (let i = 0; i < ks.length; i++) func([ks[i], o[ks[i]]], i, o)\r\n//    }\r\n// })\r\n\r\n\r\n\r\n\r\n// // assert function inside proto?? will it work?\r\n// Object.defineProperty(Object.prototype, 'assertDefinition', {\r\n//    enumerable: false,\r\n//    configurable: false,\r\n//    writable: false,\r\n//    value (this: unknown, message?: string): unknown | any {\r\n\r\n//       if (!this) throw new Error(message || 'Unhandled error')\r\n//       if (this) {\r\n//          const foo = this\r\n//          return foo\r\n//       }\r\n//    }\r\n// })\r\n","\r\n\r\n\r\nexport default {\r\n   allok: {\r\n      pos: 'top-center',\r\n      type: 'success',\r\n      message: {\r\n         head: 'Hey it works!!!!',\r\n         body: `This should come in handy`,\r\n         break: true\r\n      }\r\n   }\r\n}\r\n","\r\n\r\n\r\nexport default class {\r\n    constructor(){}\r\n}\r\n","import { requestFrame } from '@shared/utils'\r\nimport { reactive, DirectiveBinding } from 'vue'\r\nimport ToastLibrary from './ToastLibrary'\r\nimport { emittable } from '@shared/utils/emittable'\r\n\r\nexport const toast: any = emittable<any>({\r\n    sc: 0,\r\n    time: {\r\n        stay: 10000,\r\n        linger: 2000,\r\n        queue: 200\r\n    },\r\n    timestamp: 0,\r\n    els: {},\r\n    queue: [],\r\n    groups: reactive({\r\n        'top-left': {\r\n        },\r\n        'top-center': {\r\n        },\r\n        'bottom-left': {\r\n        },\r\n        'bottom-center': {\r\n        }\r\n    }),\r\n    post(data: any) {\r\n        if (!data) return\r\n        let now = Date.now(),\r\n            elapsed = now - this.timestamp\r\n\r\n        if (now - this.timestamp < this.time.queue) {\r\n            this.queue.push(data)\r\n\r\n            setTimeout(() => {\r\n                let i = this.queue.shift()\r\n\r\n                i.sc = ++this.sc\r\n                this.groups[i.pos][i.sc] = i\r\n            }, this.queue.length * this.time.queue - elapsed)\r\n        }\r\n        else {\r\n            data.sc = ++this.sc\r\n            this.timestamp = now\r\n            this.groups[data.pos][this.sc] = data\r\n        }\r\n    }\r\n})\r\n\r\ntoast.addToLibrary(ToastLibrary)\r\ntoast.addListener('note', toast.post.bind(toast))\r\n\r\nlet once: boolean = false\r\n\r\nexport const vNotify = {\r\n    mounted(el: HTMLElement, { value }: DirectiveBinding) {\r\n        // return\r\n\r\n        let { sc, pos, toast } = value,\r\n            rect = el.getBoundingClientRect()\r\n\r\n        el.style.height = `${rect.height}px`\r\n        toast.els[sc] = el\r\n\r\n        const closeNote = (el: HTMLElement) => {\r\n            setTimeout(() => {\r\n                requestFrame(() => {\r\n                    el.style.height = `${0}px`\r\n                    el.style.margin = `${0}px`\r\n                    el.style.transform = `translate3d(0,${-rect.height * 2}px,0)`\r\n\r\n                    exit()\r\n                })\r\n            }, toast.time.stay)\r\n\r\n            const exit = () => {\r\n                setTimeout(() => {\r\n                    delete toast.groups[pos][sc]\r\n                }, toast.time.linger)\r\n            }\r\n        }\r\n        closeNote(el)\r\n        if (!once) {\r\n            once = true\r\n            toast.addListener('closenote', closeNote)\r\n        }\r\n\r\n    }\r\n}","<script lang=\"ts\">\r\n\timport { ComponentPublicInstance } from 'vue'\r\n\r\n\tconst component = {\r\n\t\tname: 'Button_Fluid'\r\n\t}\r\n\texport default {\r\n\t\tname: component.name\r\n\t}\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n\tconst props = defineProps<{\r\n\t\tclick?: () => void\r\n\t\ttext?: string\r\n\t\ticon?: JSX.Element | ComponentPublicInstance\r\n\t\ticonClasses?: string\r\n\t\ttextStyles?: { [key: string]: string } | string\r\n\t\ttextClasses?: string\r\n\t\ticonProps?: any\r\n\t}>()\r\n</script>\r\n\r\n<template>\r\n\t<button type=\"button\" class=\"fluid-button\">\r\n\t\t<span class=\"button-wrapper\">\r\n\t\t\t<component v-if=\"icon\" :is=\"icon\" v-bind=\"iconProps\" class=\"button-icon\" :class=\"iconClasses\"></component>\r\n\t\t\t<span class=\"fw600\" :class=\"textClasses\" :style=\"textStyles\">{{ text }}</span>\r\n\t\t</span>\r\n\t</button>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n\t.fluid-button.icon-simple {\r\n\t\twidth: auto;\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t.fluid-button.icon-simple svg {\r\n\t\tpadding: 0.75rem;\r\n\t}\r\n\r\n\t.fluid-button svg {\r\n\t\twidth: 0.875rem;\r\n\t\theight: 0.875rem;\r\n\t}\r\n\r\n\t.fluid-button svg.md {\r\n\t\twidth: 1.125rem;\r\n\t\theight: 1.125rem;\r\n\t}\r\n\r\n\t.fluid-button svg.lg {\r\n\t\twidth: 1.375rem;\r\n\t\theight: 1.375rem;\r\n\t}\r\n\r\n\t.fluid-button svg {\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t}\r\n\r\n\t.fluid-button {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tuser-select: none;\r\n\t\twhite-space: nowrap;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\tdiv.fluid-button.fw {\r\n\t\tmax-width: unset;\r\n\t}\r\n\r\n\t.button-wrapper {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.button-icon {\r\n\t\topacity: 0.85;\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-duration: var(--td-faster);\r\n\t\ttransition-timing-function: ease;\r\n\t}\r\n\r\n\t.fluid-button:hover .button-icon {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.button-container {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 0.6rem;\r\n\t}\r\n\r\n\t.button-container .fluid-button {\r\n\t\tmargin: 1rem 0;\r\n\t}\r\n\r\n\t.button-container .fluid-button:not(:first-child) {\r\n\t\tmargin-left: 0.5rem;\r\n\t}\r\n\r\n\t.fluid-button.text-button {\r\n\t\theight: 1.75rem;\r\n\t\tborder-radius: 0.2rem;\r\n\t\topacity: 0.7;\r\n\t\ttransition: opacity 0.3s ease;\r\n\t}\r\n\r\n\t.fluid-button.text-button:hover {\r\n\t\tbackground-color: transparent;\r\n\t\topacity: 1;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.fluid-button.column .button-wrapper {\r\n\t\tflex-direction: column;\r\n\t\twhite-space: normal;\r\n\t\ttext-align: center;\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\t// import vm from '@journeys/Journeys.viewmodel'\r\n\t// assets\r\n\timport { InfoSVG, WarningSVG, ErrorSVG, ThinCrossSVG, CheckSVG } from '../../assets/vector/ui/IconsUI'\r\n\r\n\t// components\r\n\timport FluidButton from '../FluidButton.vue'\r\n\r\n\t// this is mostly for debugging, otherwise components are Anonymous\r\n\tconst component = {\r\n\t\tname: 'UI_Notification'\r\n\t}\r\n\r\n\texport default {\r\n\t\tname: component.name\r\n\t}\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n\t// const { toast } = vm\r\n\r\n\tconst props = withDefaults(\r\n\t\tdefineProps<{\r\n\t\t\ttype: string\r\n\t\t\tmessage?: {\r\n\t\t\t\thead?: string\r\n\t\t\t\tbody?: string\r\n\t\t\t\tbreak?: boolean\r\n\t\t\t}\r\n\t\t\tsizing?: string\r\n\t\t\ticon?: string\r\n\t\t\tplacement?: string\r\n\t\t\tallowClose?: boolean\r\n\t\t\tcloseNote?: (...arg: any) => void\r\n\t\t\tchildClass?: string\r\n\t\t\tinspect?: (...args: any) => any | null\r\n\t\t}>(),\r\n\t\t{\r\n\t\t\tsizing: 'regular'\r\n\t\t}\r\n\t)\r\n\r\n\tlet icon =\r\n\t\tprops.type === 'info' ? InfoSVG : props.type === 'warning' ? WarningSVG : props.type === 'error' ? ErrorSVG : props.type === 'success' && CheckSVG\r\n\r\n\tlet isStatic: boolean\r\n\r\n\tif (!props.placement) isStatic = true\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"notification-wrapper\">\r\n\t\t<div class=\"alert-notification col-gap-sm\" :class=\"`${type} ${placement} ${'size-' + sizing} ${childClass}`\" role=\"alert\">\r\n\t\t\t<component :is=\"icon\" class=\"m-xxs-t\"></component>\r\n\r\n\t\t\t<div class=\"flex-1\">\r\n\t\t\t\t<p>\r\n\t\t\t\t\t<strong v-if=\"message?.head\" v-html=\"message?.head\"></strong>\r\n\t\t\t\t\t<span class=\"m-xs-l\" v-if=\"!message?.break\" v-html=\"message?.body\"></span>\r\n\t\t\t\t\t<span class=\"m-xs-l\" v-if=\"message?.break\" v-html=\"message?.body\"></span>\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<div v-if=\"inspect\">\r\n\t\t\t\t\t<FluidButton class=\"btn btn-sm m-xs-t\" :class=\"'btn-' + props.type\" :text=\"'[Resolve]'\" @click.stop=\"inspect\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<FluidButton\r\n\t\t\t\tstyle=\"padding: 0\"\r\n\t\t\t\t:icon=\"ThinCrossSVG\"\r\n\t\t\t\tclass=\"btn btn-subtle btn-sm o-60\"\r\n\t\t\t\t:text=\"$Resources.CloseBtn\"\r\n\t\t\t\ticonClasses=\"notification-close-icon\"\r\n\t\t\t\ttextClasses=\"sr-only\"\r\n\t\t\t\tv-if=\"allowClose\"\r\n\t\t\t\t@click.stop=\"closeNote\" />\r\n\t\t</div>\r\n\r\n\t\t<div class=\"toast-spacing\"></div>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n\t/*\r\n\t.notification-wrapper.static .alert-notification {\r\n\t\twidth: auto;\r\n\t}\r\n    */\r\n\r\n\t.notification-wrapper p {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.toast-spacing {\r\n\t\tposition: relative;\r\n\t\tmin-height: 0.625rem;\r\n\t}\r\n\r\n\t.alert-notification {\r\n\t\tdisplay: flex;\r\n\t\talign-items: start;\r\n\t\tmax-width: 30rem;\r\n\t\tpadding: 0.625rem;\r\n\t\t// background-color: var(--brand-success-light);\r\n\t\tbackground-color: hsl(var(--brand-success-hue-sat), calc(var(--brand-success-light) + 50%));\r\n\t\tborder-radius: var(--border-radius);\r\n\t\tborder-left: 0.3rem solid var(--brand-success);\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.alert-notification:where(.success, .warning, .info, .error) svg {\r\n\t\theight: 1rem;\r\n\t\twidth: 1rem;\r\n\t\tfill: var(--brand-success);\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.notification-close-icon {\r\n\t\tstroke: var(--text-color);\r\n\t\tstroke-width: 2;\r\n\t}\r\n\r\n\t.alert-notification.info {\r\n\t\tborder-color: var(--brand-info);\r\n\t\t// background-color: var(--brand-info-light);\r\n\t\tbackground-color: hsl(var(--brand-info-hue-sat), calc(var(--brand-info-light) + 52.5%));\r\n\t}\r\n\r\n\t.alert-notification.warning {\r\n\t\tborder-color: var(--brand-warning);\r\n\t\t// background-color: var(--brand-warning-light);\r\n\t\tbackground-color: hsl(var(--brand-warning-hue-sat), calc(var(--brand-warning-light) + 47.5%));\r\n\t}\r\n\r\n\t.alert-notification.error {\r\n\t\tborder-color: var(--brand-danger);\r\n\t\t// background-color: var(--brand-danger-light);\r\n\t\tbackground-color: hsl(var(--brand-danger-hue-sat), calc(var(--brand-danger-light) + 52.5%));\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n\timport vm from '@journeys/Journeys.viewmodel'\r\n\r\n\timport ToastLibrary from './ToastLibrary'\r\n\r\n\t// directives\r\n\timport { vNotify } from '@shared/components/Alerts/Toast'\r\n\r\n\t// components\r\n\timport Notification from '@shared/components/Alerts/Notification.vue'\r\n\timport { requestFrame } from '@shared/utils'\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n\tconst { toast } = vm\r\n\ttoast.addToLibrary(ToastLibrary)\r\n\r\n\tconst closeNote = (pos: string, sc: number) => {\r\n\t\tlet el = toast.els[sc],\r\n\t\t\trect = el.getBoundingClientRect()\r\n\r\n\t\tel.style.transitionDuration = '.6s'\r\n\t\tel.style.zIndex = '10'\r\n\r\n\t\trequestFrame(() => {\r\n\t\t\tel.style.marginTop = `${0}px`\r\n\t\t\tel.style.height = `${0}px`\r\n\t\t\tel.style.transform = `translate3d(0,${-rect.height * 1.5}px,0) scale(.94)`\r\n\t\t\tel.style.opacity = '0'\r\n\r\n\t\t\texit()\r\n\t\t})\r\n\r\n\t\tconst exit = () => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tdelete toast.groups[pos][sc]\r\n\t\t\t}, toast.time.linger)\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"toast-group top-left\">\r\n\t\t<transition-group name=\"note\">\r\n\t\t\t<Notification\r\n\t\t\t\tv-for=\"note in toast.groups['top-center']\"\r\n\t\t\t\t:key=\"`toast${note.sc}`\"\r\n\t\t\t\tv-notify=\"{ toast, pos: note.pos, sc: note.sc }\"\r\n\t\t\t\t:type=\"note.type\"\r\n\t\t\t\t:message=\"note.message\"\r\n\t\t\t\tsizing=\"small\"\r\n\t\t\t\t:placement=\"note.pos\"\r\n\t\t\t\t:allowClose=\"true\"\r\n\t\t\t\t:closeNote=\"() => closeNote(note.pos, note.sc)\" />\r\n\t\t</transition-group>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n\t.note-enter-active {\r\n\t\ttransition-property: opacity, transform;\r\n\t\ttransition-duration: 0.65s;\r\n\t\ttransition-timing-function: ease;\r\n\t}\r\n\r\n\t.note-enter-from {\r\n\t\ttransform: translate3d(0, 4rem, 0);\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.toast-group.top-left {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tmargin: 0.938rem;\r\n\t\tz-index: 2050;\r\n\t}\r\n\r\n\t/*\r\n\t.toast-group.top-center {\r\n\t\tposition: fixed;\r\n\t\ttop: 80px;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate3d(-50%, 0, 0);\r\n\t\tz-index: 20;\r\n\t}\r\n    */\r\n\r\n\t.toast-group .notification-wrapper:not(.note-enter-active) {\r\n\t\tposition: relative;\r\n\t\ttransition-property: height, transform, opacity, margin-top;\r\n\t\ttransition-duration: 1.4s;\r\n\t\ttransition-timing-function: ease-out;\r\n\t}\r\n</style>\r\n","<!-- regular script shared between all component instances -->\r\n<script lang=\"ts\">\r\n    import { inject, onMounted, provide, reactive, ref, watch } from 'vue'\r\n\r\n    import { api } from '@cwd/lib/main'\r\n    import { encodeJSONBlob, decodeJSONBlob, token } from '@cwd/lib/main'\r\n\r\n    import vm, { tmp_uuidv4, UngappedJourney, resetActiveJourney } from './Journeys.viewmodel'\r\n\r\n    // admin tools toggle\r\n    import { toggleAdminTools } from './Journeys.entry'\r\n\r\n    // components\r\n    import Toast from '@journeys/components/Toast/Toast.vue'\r\n    import JourneyStart from './Pages/JourneyStart.vue'\r\n    import Viewport from './components/Viewport.vue'\r\n\r\n    import InlineWorker from '@shared/modules/InlineWorker'\r\n    import GraphData from './components/GraphData'\r\n    import { deepClone, requestFrame } from '@shared/utils'\r\n    import { JourneyStatus } from './Enums'\r\n    import { listingsProcessor_reduce } from '@shared/utils/ListingsController'\r\n\r\n    import { globalMethods } from '@shared/methods'\r\n    // import { injectorAccessInjectionKey } from '@cwd/lib/provider-keys'\r\n    // import { FeatureService } from '@shared/directives/Feature.service'\r\n\r\n    // const injectorAccess = inject(injectorAccessInjectionKey)!\r\n    // const featureAccess: FeatureService = injectorAccess.injector.get(FeatureService)\r\n\r\n    // this is mostly for debugging, otherwise components are Anonymous\r\n    const component = {\r\n        name: 'JourneyEditor',\r\n    }\r\n    export default {\r\n        name: component.name,\r\n    }\r\n</script>\r\n\r\n<!-- setup script is executed on each component instance -->\r\n<script lang=\"ts\" setup>\r\n    import { setupTags } from '@shared/components/Tags/Tags'\r\n    import { type TagsProvide } from '@shared/components/Tags/Tags.access'\r\n    const tags = setupTags()\r\n\r\n    provide<TagsProvide>('tags', {\r\n        state: tags.state,\r\n        create: tags.create,\r\n        updateSelected: tags.updateSelected,\r\n        toggle: tags.toggle,\r\n    })\r\n\r\n    function hasFeature(feature: any) {\r\n        if (!viewModel?.hasFeature) return false\r\n        return viewModel?.hasFeature(feature)\r\n    }\r\n\r\n    globalMethods.hasFeature = hasFeature\r\n\r\n    //** redirect */\r\n    if (!globalMethods.hasFeature('Automation.Journeys')) {\r\n        window.location.href = '/Dashboard'\r\n    }\r\n\r\n    // admin tools\r\n    if (globalMethods.hasFeature('AdminUtilities'))\r\n        window.addEventListener('keydown', (ev: KeyboardEvent) => {\r\n            if (ev.ctrlKey && ev.altKey && ev.code === 'KeyD') {\r\n                ev.preventDefault()\r\n\r\n                toggleAdminTools()\r\n            }\r\n        })\r\n\r\n    const { editor, activeJourney, toast, account } = vm,\r\n        state = reactive({\r\n            init: false,\r\n        })\r\n\r\n    onMounted(async () => {\r\n        awaitData()\r\n    })\r\n\r\n    const awaitData = async () => {\r\n        state.init &&= false\r\n\r\n        await new Promise((res: any) => (editor.init = res))\r\n\r\n        editor.segmentGraph = new GraphData()\r\n        state.init = true\r\n\r\n        editor.history.cache.journey = deepClone(activeJourney)\r\n    }\r\n\r\n    const setupListings = () => {\r\n        // TODO: syntax....\r\n        account.listings.add('/tags', { map_key: 'TagId', eager: true })\r\n        account.listings.add('/textmessages/listing', { map_key: 'SmsMessageId', eager: true })\r\n        account.listings.add('/lists', { map_key: 'ListId' })\r\n        account.listings.add('/segments/listing', { map_key: 'SegmentId' })\r\n        account.listings.add('/issues/listing', { map_key: 'IssueId' })\r\n        account.listings.add('/surveys/listing', { map_key: 'SurveyId', eager: true })\r\n        account.listings.add('/events/listing', { map_key: 'EventId' })\r\n    }\r\n\r\n    account.listings.add('/tags', { map_key: 'TagId' })\r\n\r\n    for (let endpoint of [`/journeys`, `/journeys/Templates`])\r\n        account.listings.add(endpoint, {\r\n            map_key: 'JourneyId',\r\n            processors: [\r\n                (data: any) => {\r\n                    for (let item of data) {\r\n                        item.data = JSON.parse(item.GraphicalData)\r\n                    }\r\n                },\r\n            ],\r\n            eager: true,\r\n        })\r\n\r\n    let routeWatcher = watch(\r\n        () => vm.router.currentRoute.value,\r\n        async () => {\r\n            awaitData()\r\n\r\n            await account.listings.get('/tags')\r\n\r\n            if (vm.router.currentRoute.value.params.JourneyId) {\r\n                api.get(`/journeys/${vm.router.currentRoute.value.params.JourneyId}${activeJourney.JourneyId ? '/EditorData' : ''}`).then((res: any) => {\r\n                    if (res) {\r\n                        let data = res.GraphicalData ? JSON.parse(res.GraphicalData) : activeJourney,\r\n                            op_data = JSON.parse(res.OperationalData),\r\n                            op_rootProps = ['JourneyId', 'steps', 'ownedObjects', 'startDateTime', 'scheduleController']\r\n\r\n                        data.Status = res.Status\r\n\r\n                        for (let key of op_rootProps) if (op_data[key]) data[key] = op_data[key]\r\n\r\n                        for (let key in data.nodes) {\r\n                            op_data?.nodes && op_data.nodes[key] && Object.assign(data.nodes[key].data, op_data.nodes[key])\r\n                            data.nodes[key].runtime ||= {}\r\n                        }\r\n\r\n                        Object.assign(vm.activeJourney, data)\r\n                    } else {\r\n                        activeJourney.JourneyId = vm.router.currentRoute.value.params.JourneyId\r\n                        activeJourney.Title = $Resources.CleanJourneyTitle\r\n                        activeJourney.Status = JourneyStatus.Draft\r\n                    }\r\n\r\n                    state.init || vm.editor.init()\r\n\r\n                    setupListings()\r\n                })\r\n            } else {\r\n                if (activeJourney.JourneyId) resetActiveJourney()\r\n\r\n                if (vm.router.currentRoute.value.path !== '/new')\r\n                    await account.listings.get(`/journeys${vm.router.currentRoute.value.path}`, {\r\n                        force_fetch: /[\\w\\-]{36}/.test(vm.router.options.history.state.forward),\r\n                    })\r\n\r\n                state.init ||= vm.editor.init()\r\n            }\r\n        }\r\n    )\r\n</script>\r\n\r\n<template>\r\n    <div class=\"app-container\">\r\n        <Suspense v-if=\"state.init\">\r\n            <router-view></router-view>\r\n        </Suspense>\r\n\r\n        <Toast />\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    /*\r\n\t.app-container:has(.workspace) {\r\n\t\t// temp fix\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\theight: 100vh;\r\n\t}\r\n    */\r\n\r\n    ::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track {\r\n        background-color: transparent;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n        background-color: transparent;\r\n    }\r\n\r\n    .editor-busy {\r\n        pointer-events: none;\r\n    }\r\n\r\n    /** state classes */\r\n    .prevent-select :where(.property-window, .modal-container) {\r\n        user-select: none;\r\n    }\r\n\r\n    .prevent-select :where(.scrollbar-container) {\r\n        pointer-events: none;\r\n    }\r\n</style>\r\n","\r\n\r\n\r\n\r\ntype FormatDate = (value: Date | number, options: any) => string\r\n\r\ninterface HumanTimeOptions {\r\n   locale?: string\r\n   relative_unit?: string\r\n   relative_maxValue?: number\r\n   relative_shorten?: boolean\r\n   format?: any\r\n   separators?: string[]\r\n   casing?: string\r\n}\r\n\r\n\r\n\r\nconst relative_shortenRegexp = new RegExp('^(for|för)\\\\s+', 'i')  // sv, da, no\r\n/**\r\n * @property {Date | number} value has to be a number if `options.relative_unit` is set\r\n * @property {string} locale\r\n * @property {\r\n *    year | month | day | hour | minute | second: `'numeric' | 'short' | 'long'`,\r\n *    casing?: `'uppercase' | 'lowercase' | 'capitalized' = 'capitalized'`\r\n *    relative_unit?: `'year' | 'quarter' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second' = null`,\r\n *    relative_maxValue: `number`\r\n *    relative_shorten: `boolean`\r\n * } options\r\n * */\r\nexport const formatDate: FormatDate = (value: Date | number, options: any) => {\r\n   let str =\r\n      options.relative_unit\r\n         ? new Intl.RelativeTimeFormat(options.locale, options)\r\n            .format(value as number * -1, options.relative_unit)\r\n         : new Intl.DateTimeFormat(options.locale, options)\r\n            .format(value)\r\n\r\n   if (options.relative_shorten)\r\n      str = str.replace(relative_shortenRegexp, '')\r\n\r\n   switch (options.casing) {\r\n      case 'uppercase':\r\n         return str.toUpperCase()\r\n      case 'lowercase':\r\n         return str.toLowerCase()\r\n      case 'capitalized':\r\n      default:\r\n         return str[0].toUpperCase() + str.slice(1)\r\n   }\r\n}\r\n\r\n\r\n\r\n/** m: milliseconds */\r\nconst timeUnit: { [k: string]: { k: string, m: number, l: number, n: string | null } } = {\r\n   year: {\r\n      k: 'year',\r\n      m: 31_536_000_000,\r\n      l: 0,\r\n      n: 'month'\r\n   },\r\n   month: {\r\n      k: 'month',\r\n      m: 604_800_000,\r\n      l: 12,\r\n      n: 'week'\r\n   },\r\n   week: {\r\n      k: 'week',\r\n      m: 604_800_000,\r\n      l: 4,\r\n      n: 'day'\r\n   },\r\n   day: {\r\n      k: 'day',\r\n      m: 86_400_000,\r\n      l: 7,\r\n      n: 'hour'\r\n   },\r\n   hour: {\r\n      k: 'hour',\r\n      m: 3_600_000,\r\n      l: 24,\r\n      n: 'minute'\r\n   },\r\n   minute: {\r\n      k: 'minute',\r\n      m: 60_000,\r\n      l: 60,\r\n      n: 'second'\r\n   },\r\n   second: {\r\n      k: 'second',\r\n      m: 1000,\r\n      l: 60,\r\n      n: null\r\n   }\r\n}\r\n\r\n\r\n\r\n\r\nexport default class HumanTime {\r\n   defaultOptions: HumanTimeOptions = {\r\n      locale: 'en',\r\n      relative_unit: 'week',\r\n      relative_maxValue: 1,  // 0 = timeUnit[unit].l, -1 = no relative formatting\r\n      relative_shorten: true,\r\n      format: [{ month: 'long', casing: 'capitalized' }, { day: 'numeric' }, { year: 'numeric' }],\r\n      separators: [' ', ', '],\r\n      casing: 'capitalized'\r\n   }\r\n\r\n   constructor(options?: HumanTimeOptions) {\r\n      options\r\n         && Object.assign(this.defaultOptions, options)\r\n   }\r\n\r\n   format(date: Date, options: any = this.defaultOptions) {\r\n      let format: any = options.format,\r\n         separators: string[] = options.separators,\r\n         format_len = format.length,\r\n         last_separator = separators[separators.length - 1]\r\n\r\n\r\n      return format.reduce((acc: string, opt: any, idx: number) =>\r\n         acc\r\n         + formatDate(date, (opt.casing = opt.casing || options.casing, opt.locale = opt.locale || options.locale, opt))\r\n         + (format_len - 1 !== idx\r\n            ? typeof separators[idx] === 'string'\r\n               ? separators[idx]\r\n               : last_separator\r\n            : '')\r\n         , '')\r\n   }\r\n\r\n   formatRelative(value: number, options: any = this.defaultOptions) {\r\n      return formatDate(value, options)\r\n   }\r\n\r\n\r\n   parseAbs(value?: string | number | Date | null, locale = this.defaultOptions.locale) {\r\n    if (!value)\r\n        return\r\n\r\n    value = Date.parse(value as string)\r\n\r\n    if (isNaN(value))\r\n        throw value + ' is not a valid date'\r\n\r\n    return new Intl.DateTimeFormat(locale, { dateStyle: \"medium\",\r\n    timeStyle:\"short\",\r\n    hourCycle: \"h24\" })\r\n        .format(value)\r\n   }\r\n\r\n   // TODO: possibility to add & substract to given date/time\r\n   parse(date: string | number | Date, options: any = this.defaultOptions) {\r\n      date = Date.parse(date as string)\r\n\r\n      if (isNaN(date))\r\n         throw date + ' is not a valid date'\r\n\r\n      let millis: number = Date.now() - date,\r\n         unit = timeUnit[options.relative_unit],\r\n         interval = ~~(millis / unit.m)\r\n\r\n      if (interval > (options.relative_maxValue || unit.l))\r\n         return this.format(new Date(date), {\r\n            locale: options.locale,\r\n            format: options.format,\r\n            separators: options.separators,\r\n            casing: 'capitalized'\r\n         })\r\n\r\n      while ((interval = ~~(millis / unit.m)) === 0 && unit.n) {\r\n         unit = timeUnit[unit.n]\r\n      }\r\n\r\n      return this.formatRelative(interval || 1, {\r\n         locale: options.locale,\r\n         relative_unit: unit.k,\r\n         relative_maxValue: unit.l,\r\n         relative_shorten: options.relative_shorten,\r\n         casing: 'capitalized'\r\n      })\r\n   }\r\n}\r\n","import './NodeAssets.css'\r\n\r\nexport enum NodeIcon {\r\n\tSurveySVG = 1,\r\n\tSmsSVG = 2,\r\n\tPaperPlaneSVG = 3,\r\n\tSegment1SVG = 4,\r\n\tDollarSignSVG = 5,\r\n\tPhoneSVG = 6,\r\n\tUserSimpleSVG = 7,\r\n\tFacebookSVG = 8,\r\n\tGoogleSVG = 9,\r\n\tInstagramSVG = 10,\r\n\tFormSVG = 11,\r\n\tClickSVG = 12,\r\n\tClockSVG = 13,\r\n\tPauseSVG = 14,\r\n\tPlaySVG = 15,\r\n\tStopSVG = 16,\r\n\tListSVG = 17,\r\n\tConditionIfSVG = 18,\r\n\tCalendarSVG = 19,\r\n\tEmailSVG = 20,\r\n\tEmailBounceSVG = 21,\r\n\tEmailErrorSVG = 22,\r\n\tEmailOpenSVG = 23,\r\n\tEmailSendSVG = 24,\r\n\tVideoClipSVG = 25,\r\n\tDynamicDelay = 26,\r\n\tDynamicCondition = 27,\r\n\tTinyClockSVG = 28,\r\n\tPageGeneric = 29,\r\n\tPageImport = 30,\r\n\tPageOptIn = 31,\r\n\tPageSurvey = 32,\r\n\tEmailBounceFlatSVG = 33,\r\n\tEmailOpenFlatSVG = 34,\r\n\tUnsubFlatSVG = 35,\r\n\tClickedFlatSVG = 36,\r\n\tBannedCursorSVG = 37,\r\n\tEmailFlatSVG = 38,\r\n\tEmailNotOpenedFlatSVG = 39,\r\n\tAnsweredSurveySVG = 40,\r\n\tNotAnsweredSurveySVG = 41,\r\n}\r\n\r\nexport enum NodeFrame {\r\n\tNone = 0,\r\n\tPolygon6 = 1,\r\n\tCircle = 2,\r\n\tRombus = 3,\r\n\tRoundedSquare = 4,\r\n\tRoundedRect = 5,\r\n\tPolygon8 = 6\r\n}\r\n\r\ninterface IconProps {\r\n\ttransform?: string;\r\n}\r\ninterface FrameProps {\r\n\tid: string;\r\n}\r\n\r\n/**\r\n * Rounded square frame\r\n * @returns Vector asset\r\n **/\r\nexport const RoundedSquare = () => <rect width=\"100\" height=\"100\" rx=\"7\" />\r\n\r\n/**\r\n * 6 sided polygon frame\r\n * @returns Vector asset\r\n **/\r\nexport const Polygon6 = () => (\r\n\t<path d=\"M5.6,28.9v42.1c0,2.8,1.5,5.4,3.9,6.8L46.1,99c2.4,1.4,5.4,1.4,7.9,0l36.5-21.1c2.4-1.4,3.9-4,3.9-6.8V28.9 c0-2.8-1.5-5.4-3.9-6.8L53.9,1c-2.4-1.4-5.4-1.4-7.9,0L9.6,22.1C7.1,23.5,5.6,26.1,5.6,28.9z\" />\r\n)\r\n\r\n/**\r\n * 8 sided polygon frame\r\n * @returns Vector asset\r\n **/\r\nexport const Polygon8 = () => (\r\n\t<path d=\"M27.3,2L2,27.3c-1.3,1.3-2,3-2,4.7v35.9c0,1.8,0.7,3.5,2,4.7L27.3,98c1.3,1.3,3,2,4.7,2h35.9c1.8,0,3.5-0.7,4.7-2L98,72.7 c1.3-1.3,2-3,2-4.7V32.1c0-1.8-0.7-3.5-2-4.7L72.7,2c-1.3-1.3-3-2-4.7-2H32.1C30.3,0,28.6,0.7,27.3,2z\" />\r\n)\r\n\r\n/**\r\n * Circle frame\r\n * @returns Vector asset\r\n **/\r\nexport const Circle = () => <circle cx=\"50\" cy=\"50\" r=\"50\" />\r\n\r\n/**\r\n * Rounded rectangle frame\r\n * @returns Vector asset\r\n **/\r\nexport const RoundedRect = () => <rect y=\"40\" width=\"100\" height=\"20\" rx=\"3\" />\r\n\r\n/**\r\n * Rombus frame\r\n * @returns Vector asset\r\n **/\r\nexport const Rombus = () => (\r\n\t<path d=\"M98.4,53.9L53.9,98.4c-2.2,2.2-5.7,2.2-7.8,0L1.6,53.9c-2.2-2.2-2.2-5.7,0-7.8L46.1,1.6c2.2-2.2,5.7-2.2,7.8,0l44.5,44.5 C100.5,48.2,100.5,51.8,98.4,53.9z\" />\r\n)\r\n\r\n/**\r\n *'''''''''''''''''''\r\n *       newline regex ->>>>           (?<=\"|\\w|\\d)[\\n]\\s+\r\n *  */\r\n\r\n/**\r\n * Survey icon\r\n * @returns Vector asset\r\n **/\r\nexport const SurveySVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon\" d=\"M67.6,35.1v22.5H31.3V35.1H67.6z\" />\r\n\t\t<path\r\n\t\t\tclass=\"node-fill-inverted-frame\"\r\n\t\t\td=\"M66.9,34H32c-0.7,0-1.5,0.6-1.5,1.5v21.8c0,0.7,0.6,1.5,1.5,1.4h7.8l1.2,0.8h2.2l-4.9,10.7 c-0.2,0.5,0.2,0.9,0.6,0.9h0.4c0,0,0.4-0.2,0.6-0.4l3.4-7.3H49v4.4c0,0.4,0.3,0.6,0.6,0.6c0.3,0,0.6-0.1,0.9-0.6v-4.4h5.4l3.4,7.3 C59.5,70.8,60,71,60,71h0.4c0.5,0,0.8-0.5,0.6-0.9l-4.8-10.7h2.1l1.2-0.8H67c0.7,0,1.3-0.5,1.3-1.4V35.5 C68.2,34.7,67.7,34,66.9,34z M43.2,62.5l1.5-3.1H49v3.1H43.2z M56.4,62.5h-5.8v-3.1h4.4L56.4,62.5z M32,57.4 c-0.3,0-0.4-0.1-0.4-0.4V35.5c0-0.2,0.2-0.4,0.4-0.4h34.8c0.2,0,0.4,0.2,0.4,0.4v21.6c0,0.2-0.2,0.4-0.4,0.4L32,57.4z\"\r\n\t\t/>\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path d=\"M43.6,49.4h-0.6c-1,0-1.6-0.7-1.6-1.4v-1.8c0-0.8,0.8-1.4,1.6-1.4h0.6c1,0,1.6,0.7,1.6,1.4V48 C45.2,48.9,44.4,49.4,43.6,49.4z\" />\r\n\t\t\t<path d=\"M50,49.4h-0.9c-0.8,0-1.5-0.6-1.5-1.5l0,0c0-0.8,0.6-1.5,1.5-1.5H50c0.8,0,1.5,0.6,1.5,1.5l0,0 C51.5,48.8,50.8,49.4,50,49.4z\" />\r\n\t\t\t<path d=\"M56.7,49.4H56c-1,0-1.6-0.8-1.6-1.5v-5.5c0-0.9,0.8-1.5,1.6-1.5h0.6c1,0,1.6,0.8,1.6,1.5v5.5 C58.3,48.8,57.5,49.4,56.7,49.4z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-inverted-primary\">\r\n\t\t\t<path d=\"M42.8,51.7h0.3l0.9,2.3h-0.4l-0.1-0.8h-0.7l-0.1,0.8h-0.4L42.8,51.7z\" />\r\n\r\n\t\t\t<path d=\"M49.7,51.7c0,0,0.7,0.1,0.7,0.3c0,0.4-0.3,0.6-0.3,0.6c0.1,0,0.5,0.3,0.5,0.4c0.1,0.2,0,0.4-0.2,0.6 c-0.3,0.3-0.5,0.3-0.7,0.3c-0.2,0-0.7,0-0.7,0v-2.3H49.7z\" />\r\n\r\n\t\t\t<path d=\"M56.7,51.8v0.4c-0.1-0.1-0.4-0.1-0.6-0.1c-0.1,0-0.3,0-0.4,0.1s-0.1,0.3-0.1,0.4c0,0.1,0,0.3,0.1,0.4 s0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.6-0.1v0.4c-0.3,0.1-0.4,0.1-0.6,0.1c-0.3,0-0.6-0.2-0.7-0.3s-0.3-0.4-0.3-0.7s0.1-0.6,0.3-0.7 s0.4-0.3,0.7-0.3C56.3,51.6,56.4,51.6,56.7,51.8z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Paper plane icon\r\n * @returns Vector asset\r\n **/\r\nexport const PaperPlaneSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon-shadow\" d=\"M100,65.9L70.8,34.3L25.4,54.8L72,100h28V65.9z\" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<polygon style=\"filter: brightness(.6)\" points=\"44.4,59.2 44.4,67.8 51.2,63.1 \t\t\" />\r\n\t\t\t<polygon style=\"filter: brightness(.8)\" points=\"44.4,67.8 39.4,57.8 70.9,34 44.4,59.2 \t\t\" />\r\n\t\t\t<polygon points=\"59.5,67.8 44.4,59.2 70.9,34 \t\t\" />\r\n\t\t\t<polygon points=\"39.4,57.8 25.1,54.9 70.9,34 \t\t\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-inverted-primary\" opacity=\".1\">\r\n\t\t\t<polygon points=\"59.5,67.8 58.3,67.2 70.9,34 \t\t\" />\r\n\t\t\t<polygon points=\"59.5,36.3 32.8,38.6 37.1,36 62.3,35.3 \t\" />\r\n\t\t\t<polygon points=\"49.4,41.2 23.4,45.2 21.2,43.3 47,40.6 \t\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Four squares segment icon\r\n * @returns Vector asset\r\n **/\r\nexport const Segment1SVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon-shadow\" d=\"M100,66.8L70.6,31.1L52,31.6l-3.6-2.4l-18.9,0.9l-0.4,18.4l3.3,4.2l-1.6,17.5L63.9,100H100V66.8z\" />\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4)\"\r\n\t\t\t\td=\"M30.6,51.3v18.4c0,0.4,0.4,1,1,1h18.6V51.3H30.6z M40.7,55.8c1,0,1.9,0.9,1.9,1.9c0,1-0.9,1.9-1.9,1.9 c-1,0-1.9-0.9-1.9-1.9C38.8,56.5,39.7,55.8,40.7,55.8z M44.1,65.2h-7l-0.3-0.9c0-2.1,1.6-3.7,3.7-3.7c2.1,0,3.7,1.6,3.7,3.7 L44.1,65.2z\"\r\n\t\t\t/>\r\n\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4) hue-rotate(120deg)\"\r\n\t\t\t\td=\"M51.3,51.3v19.3h18.6c0.4,0,0.9-0.4,0.9-1V51.3H51.3z M60.8,55.8c1,0,1.9,0.9,1.9,1.9c0,1-0.9,1.9-1.9,1.9 c-1,0-1.9-0.9-1.9-1.9C58.8,56.7,59.7,55.8,60.8,55.8z M64.3,65.3h-7l-0.1-1c0-2.1,1.6-3.7,3.7-3.7c2.1,0,3.7,1.6,3.7,3.7 L64.3,65.3z\"\r\n\t\t\t/>\r\n\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4) hue-rotate(240deg)\"\r\n\t\t\t\td=\"M51.3,50.1h19.6V31.7c0-0.4-0.4-0.9-0.9-0.9H51.3L51.3,50.1L51.3,50.1z M60.8,36c1,0,1.9,0.9,1.9,1.9 c0,1-0.9,1.9-1.9,1.9c-1,0-1.9-0.9-1.9-1.9S59.7,36,60.8,36z M57.1,44.3c0-2.1,1.6-3.7,3.7-3.7c2.1,0,3.7,1.6,3.7,3.7l-0.1,0.9 h-7L57.1,44.3z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path d=\"M39.7,32.3c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6v-1H31v7.3h1.3c0.3,0,0.6,0.3,0.6,0.6 s-0.3,0.6-0.6,0.6h-1.2V47h7.4v-1c0-0.3,0.3-0.6,0.6-0.6c0.3,0,0.6,0.3,0.6,0.6v1h7.4v-7.3h-1c-0.3,0-0.6-0.3-0.6-0.6 s0.3-0.6,0.6-0.6h1v-7.3h-7.4L39.7,32.3L39.7,32.3z M42.6,42.4l-0.3,1h-6.4l-0.3-1c0-1.9,1.5-3.4,3.4-3.4 C41,39,42.6,40.5,42.6,42.4z M40.9,36.5c0,1-0.7,1.8-1.8,1.8s-1.8-0.7-1.8-1.8s0.7-1.8,1.8-1.8S40.9,35.4,40.9,36.5z\" />\r\n\t\t\t<path d=\"M49.2,48.2V30.1c0-0.4-0.4-0.9-0.9-0.9H30c-0.4,0-0.9,0.4-0.9,0.9v18.1c0,0.4,0.4,0.9,0.9,0.9h18.3 C48.7,49.1,49.2,48.8,49.2,48.2z M48.1,47.2c0,0.4-0.4,0.9-0.9,0.9H31c-0.4,0-0.9-0.4-0.9-0.9V31.1c0-0.4,0.4-0.9,0.9-0.9h16.1 c0.4,0,0.9,0.4,0.9,0.9L48.1,47.2L48.1,47.2z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Dollar sign icon\r\n * @returns Vector asset\r\n **/\r\nexport const DollarSignSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"52.4,27.4 100,72.5 100,100 73.2,100 38.3,62.7 43,56 52.4,64.7 54.9,62.9 40.2,49.6 43.3,40.9 \t\" />\r\n\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M52.2,67.4v5.2h-4.5v-5.2c-6.7-0.7-10.7-4-12.3-9.7l7.6-1.7c0.9,3.3,3.3,5,7.2,5c1.9,0,3.3-0.3,4.3-1 c0.9-0.7,1.4-1.6,1.4-2.6s-0.3-1.9-1.2-2.4c-0.9-0.5-2.4-1-4.8-1.6c-5.3-1-8.6-2.6-10.2-4.3c-1.6-1.9-2.2-4-2.2-6.4 c0-2.9,1-5.3,2.9-7.4c1.9-2.1,4.5-3.3,7.4-3.6v-4.3h4.5v4.3c5.7,0.5,9.5,3.3,11.2,8.3l-7.1,2.4c-0.9-2.8-2.9-4.1-6-4.1 c-3.3,0-4.8,1-4.8,3.1c0,0.9,0.3,1.6,0.9,2.1c0.7,0.5,2.1,1,4.1,1.6c3.6,0.7,6.2,1.4,7.9,2.2c1.7,0.7,3.1,1.9,4.1,3.6 c1.2,1.7,1.7,3.5,1.7,5.5c0,2.8-1,5.3-3.1,7.6C59.3,65.7,56.4,67.1,52.2,67.4z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Calendar icon\r\n * @returns Vector asset\r\n **/\r\nexport const CalendarSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon\" d=\"M31.4,40.8v22.8c0,2.2,1.7,3.9,3.8,3.9h29.7c2,0,3.8-1.7,3.8-3.9V40.8H31.4z\" />\r\n\t\t<path class=\"node-fill-icon-secondary\" style=\"filter: saturate(3)\" d=\"M31.4,40.2v-4.1c0-2.2,1.7-3.9,3.8-3.9h29.7c2,0,3.8,1.7,3.8,3.9v4.1H31.4z\" />\r\n\t\t<g class=\"node-fill-icon-secondary\" style=\"filter: saturate(7) hue-rotate(140deg)\">\r\n\t\t\t<path d=\"M43.2,44.4l0.8,2.6h2.8c0.4,0,0.6,0.5,0.2,0.8l-2.2,1.5l0.9,2.7c0.1,0.4-0.3,0.7-0.6,0.5L42.8,51l-2.3,1.6 c-0.3,0.2-0.8-0.1-0.7-0.5l0.8-2.7l-2.1-1.5c-0.3-0.2-0.2-0.8,0.3-0.8h2.7l0.9-2.6C42.5,44,43.1,44,43.2,44.4z\" />\r\n\t\t\t<path d=\"M40,60.1h-2.7c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9H40c0.5,0,0.9,0.4,0.9,0.9v2.7 C40.9,59.7,40.5,60.1,40,60.1z\" />\r\n\t\t\t<path d=\"M47.3,60.1h-2.7c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9h2.7c0.5,0,0.9,0.4,0.9,0.9v2.7 C48.2,59.7,47.8,60.1,47.3,60.1z\" />\r\n\t\t\t<path d=\"M54.5,60.1h-2.7c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9h2.7c0.5,0,0.9,0.4,0.9,0.9v2.7 C55.4,59.7,55,60.1,54.5,60.1z\" />\r\n\t\t\t<path d=\"M61.6,60.1H59c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9h2.7c0.5,0,0.9,0.4,0.9,0.9v2.7 C62.5,59.7,62.1,60.1,61.6,60.1z\" />\r\n\t\t\t<path d=\"M61.6,53.3H59c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9h2.7c0.5,0,0.9,0.4,0.9,0.9v2.7 C62.5,52.9,62.1,53.3,61.6,53.3z\" />\r\n\t\t\t<path d=\"M54.5,53.3h-2.7c-0.5,0-0.9-0.4-0.9-0.9v-2.7c0-0.5,0.4-0.9,0.9-0.9h2.7c0.5,0,0.9,0.4,0.9,0.9v2.7 C55.4,52.9,55,53.3,54.5,53.3z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-inverted-frame\">\r\n\t\t\t<path d=\"M39.6,35.3L39.6,35.3c-0.9,0-1.6-0.7-1.6-1.6v-3.6c0-0.9,0.7-1.6,1.6-1.6l0,0c0.9,0,1.6,0.7,1.6,1.6v3.6 C41.4,34.6,40.6,35.3,39.6,35.3z\" />\r\n\t\t\t<path d=\"M60.7,35.3L60.7,35.3c-0.9,0-1.6-0.7-1.6-1.6v-3.6c0-0.9,0.7-1.6,1.6-1.6l0,0c0.9,0,1.6,0.7,1.6,1.6v3.6 C62.3,34.6,61.5,35.3,60.7,35.3z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Phone icon\r\n * @returns Vector asset\r\n **/\r\nexport const PhoneSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon-shadow\" d=\"M100,57L71.8,28.3L60,58.9L28.1,71.1L57.9,100H100V57z\" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(1.1)\"\r\n\t\t\t\td=\"M67.5,27.5h-5.9c-1.3,0-2.5,1.2-2.5,2.5c0,3.2-0.5,6.2-1.5,8.9c-0.3,0.8,0,1.8,0.7,2.5l5.4,5.4 c0.6-1.1,2.6-5.3,3.2-8.9C67.5,33.7,67.5,27.5,67.5,27.5z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(1.1)\"\r\n\t\t\t\td=\"M38.5,67c5.7-1.3,8.5-3.3,8.5-3.3l-5.5-5.5c-0.7-0.7-1.7-0.8-2.5-0.7c-2.8,1-5.9,1.5-8.9,1.5 c-1.3,0-2.5,1.2-2.5,2.5v6.7c0.1,0,0.4,0,0.7,0C29.9,68.2,34,68.1,38.5,67z\"\r\n\t\t\t/>\r\n\t\t\t<path d=\"M70.1,27.5h-2.6h-0.1c0,0,0,6.2-0.7,10.4c-0.6,3.6-2.7,7.8-3.2,8.9c-0.1,0.2-0.1,0.3-0.1,0.3 C59.9,54.1,54,60,47,63.5c0,0-2.8,2-8.5,3.3c-4.4,1-8.5,1.2-10.1,1.2c-0.5,0-0.7,0-0.7,0v2c0,1.3,1.2,2.5,2.5,2.5 c23.4,0,42.5-19.1,42.5-42.5C72.6,28.7,71.4,27.5,70.1,27.5z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Simple user icon icon\r\n * @returns Vector asset\r\n **/\r\nexport const UserSimpleSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"31.9,64.5 68.5,100 100,100 100,75.7 55.8,31.3 45.2,46.1 52.8,53.3 \" />\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M70,60.2c0,6-8.8,10.8-20,10.8s-20-4.8-20-10.8s8.8-10.8,20-10.8S70,54.2,70,60.2z M50,47.3 c5,0,9.2-4.2,9.2-9.2S55,29,50,29s-9.2,4.2-9.2,9.2S45,47.3,50,47.3z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Facebook icon\r\n * @returns Vector asset\r\n **/\r\nexport const FacebookSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"45,71 74.4,100 100,100 100,71.8 60.8,29.4 39,52 45,57.5 \" />\r\n\t\t<path class=\"node-icon\" d=\"M55,29c-5.5,0-10,4.5-10,10v5h-6v8h6v19h8V52h7l1-8h-8v-4c0-2.2,1.8-4,4-4h4v-6.7C59.1,29.1,56.9,29,55,29 L55,29z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Google icon\r\n * @returns Vector asset\r\n **/\r\nexport const GoogleSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"32.5,62.3 71.5,100 100,100 100,68 64.5,32.8 37.5,36.7 \" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path d=\"M71.5,49.9c0-1.5-0.2-3.1-0.3-4.5H50.4v8.5h11.9c-0.5,2.7-2.1,5.2-4.4,6.6V66h7.1 C69.1,62.3,71.5,56.7,71.5,49.9L71.5,49.9z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4)\"\r\n\t\t\t\td=\"M50.4,71.3c6,0,11.1-1.9,14.7-5.3L58,60.5c-1.9,1.3-4.7,2.1-7.6,2.1c-5.8,0-10.6-3.9-12.4-9h-7.3l0,5.8 C34.5,66.8,42,71.3,50.4,71.3z\"\r\n\t\t\t/>\r\n\t\t\t<path style=\"filter: saturate(4) hue-rotate(120deg)\" d=\"M38,53.6c-1-2.7-1-5.6,0-8.4v-5.6h-7.3c-3.1,6.3-3.1,13.5,0,19.8L38,53.6z\" />\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4) hue-rotate(240deg)\"\r\n\t\t\t\td=\"M50.4,36.2c3.1,0,6.1,1.1,8.4,3.2l6.3-6.3c-4-3.7-9.2-5.8-14.7-5.8c-8.4,0-16,4.8-19.7,12.2l7.3,5.6 C39.8,40.2,44.6,36.2,50.4,36.2z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Instagram icon\r\n * @returns Vector asset\r\n **/\r\nexport const InstagramSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"30.6,68.8 62.5,100 100,100 100,62 69,30.8 \" />\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M62.2,72l-24.4,0c-5.4,0-9.8-4.4-9.8-9.8l0-24.4c0-5.4,4.4-9.8,9.8-9.8l24.4,0c5.4,0,9.8,4.4,9.8,9.8l0,24.4 C72,67.6,67.6,72,62.2,72z\"\r\n\t\t/>\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path d=\"M50,58.6c-4.7,0-8.6-3.8-8.6-8.6s3.8-8.6,8.6-8.6s8.6,3.8,8.6,8.6S54.7,58.6,50,58.6z M50,43.9 c-3.4,0-6.1,2.7-6.1,6.1s2.7,6.1,6.1,6.1s6.1-2.7,6.1-6.1S53.4,43.9,50,43.9z\" />\r\n\t\t\t<circle cx=\"50\" cy=\"50\" r=\"1.8\" />\r\n\t\t\t<path d=\"M57.3,65.9H42.7c-4.7,0-8.6-3.8-8.6-8.6V42.7c0-4.7,3.8-8.6,8.6-8.6h14.7c4.7,0,8.6,3.8,8.6,8.6v14.7 C65.9,62,62,65.9,57.3,65.9z M42.7,36.6c-3.4,0-6.1,2.7-6.1,6.1v14.7c0,3.4,2.7,6.1,6.1,6.1h14.7c3.4,0,6.1-2.7,6.1-6.1V42.7 c0-3.4-2.7-6.1-6.1-6.1H42.7z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Click icon\r\n * @returns Vector asset\r\n **/\r\nexport const ClickSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon-shadow\" d=\"M100,67L72.7,33.1L26.8,61.5l34,38.5H100V67z\" />\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M68.1,31.3H31.9c-3.8,0-6.9,3.1-6.9,6.9v18.5c0,3.8,3.1,6.9,6.9,6.9h36.1c3.8,0,6.9-3.1,6.9-6.9V38.3 C75,34.4,71.9,31.3,68.1,31.3z\"\r\n\t\t/>\r\n\r\n\t\t<path class=\"node-icon-shadow\" d=\"M33.5,31.3h-1.5c-3.8,0-6.9,3.1-6.9,6.9v18.5c0,3.8,3.1,6.9,6.9,6.9h4.4C33.8,58.7,29.2,46.5,33.5,31.3z\" />\r\n\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path d=\"M63.6,67.7L58.9,74c-1.6,1.4-4.1,0.5-4.3-1.6l-2-21.9c-0.2-1.8,1.9-2.9,3.2-1.8l17.6,13.1c1.7,1.3,1.1,4-1,4.5 l-6.7,0.3C64.9,66.6,64.1,67,63.6,67.7z\" />\r\n\t\t\t<path d=\"M54.1,43h-0.5c-0.5,0-0.9-0.4-0.9-0.9v-7.4c0-0.5,0.4-0.9,0.9-0.9h0.5c0.5,0,0.9,0.4,0.9,0.9v7.4 C55,42.6,54.6,43,54.1,43z\" />\r\n\t\t\t<path d=\"M38.5,49.4l0-0.5c0-0.5,0.4-0.9,0.9-0.9h7.4c0.5,0,0.9,0.4,0.9,0.9v0.5c0,0.5-0.4,0.9-0.9,0.9h-7.4 C38.9,50.3,38.5,49.9,38.5,49.4z\" />\r\n\t\t\t<path d=\"M58.3,45L58,44.7c-0.3-0.3-0.3-0.9,0-1.3l5.2-5.2c0.3-0.3,0.9-0.3,1.3,0l0.3,0.3c0.3,0.3,0.3,0.9,0,1.3 L59.6,45C59.3,45.3,58.7,45.3,58.3,45z\" />\r\n\t\t\t<path d=\"M42.8,38.5l0.3-0.3c0.3-0.3,0.9-0.3,1.3,0l5.2,5.2c0.3,0.3,0.3,0.9,0,1.3l-0.3,0.3c-0.3,0.3-0.9,0.3-1.3,0 l-5.2-5.2C42.5,39.5,42.5,38.9,42.8,38.5z\" />\r\n\t\t\t<path d=\"M43.2,60.2l-0.3-0.3c-0.3-0.3-0.3-0.9,0-1.3l5.2-5.2c0.3-0.3,0.9-0.3,1.3,0l0.3,0.3c0.3,0.3,0.3,0.9,0,1.3 l-5.2,5.2C44.1,60.5,43.5,60.5,43.2,60.2z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Clock icon\r\n * @returns Vector asset\r\n **/\r\nexport const ClockSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"68.5,100 100,100 100,68.2 64.4,33.1 33.3,64.2 \" />\r\n\t\t<path class=\"node-icon\" d=\"M28,50c0-12.1,9.9-22,22-22s22,9.9,22,22s-9.9,22-22,22S28,62.1,28,50z\" />\r\n\t\t<path\r\n\t\t\tclass=\"node-fill-inverted-primary\"\r\n\t\t\td=\"M31.2,50c0-10.4,8.4-18.8,18.8-18.8c10.4,0,18.8,8.4,18.8,18.8c0,10.4-8.4,18.8-18.8,18.8 C39.6,68.8,31.2,60.4,31.2,50z\"\r\n\t\t/>\r\n\t\t<path class=\"node-icon\" d=\"M33.3,50c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7S59.2,66.7,50,66.7C40.8,66.7,33.3,59.2,33.3,50z\" />\r\n\t\t<g class=\"node-fill-inverted-primary\">\r\n\t\t\t<path d=\"M50,52.6c-1.4,0-2.6-1.2-2.6-2.6s1.2-2.6,2.6-2.6s2.6,1.2,2.6,2.6S51.4,52.6,50,52.6z\" />\r\n\t\t\t<path d=\"M50,50.8h-9.6c-0.5,0-0.8-0.4-0.8-0.8s0.4-0.8,0.8-0.8H50c0.5,0,0.8,0.4,0.8,0.8S50.5,50.8,50,50.8z\" />\r\n\t\t\t<path d=\"M50,50.8c-0.2,0-0.4-0.1-0.6-0.3c-0.3-0.3-0.3-0.9,0-1.2l6.8-6.8c0.3-0.3,0.9-0.3,1.2,0c0.3,0.3,0.3,0.9,0,1.2 l-6.8,6.8C50.4,50.8,50.2,50.8,50,50.8z\" />\r\n\t\t\t<path d=\"M50,35c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1C51.1,35.4,50.6,35,50,35z M50,62.9c-0.6,0-1.1,0.5-1.1,1.1S49.4,65,50,65c0.6,0,1.1-0.5,1.1-1.1S50.6,62.9,50,62.9z\" />\r\n\t\t\t<path d=\"M64,48.9c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1S65,50.6,65,50C65,49.4,64.6,48.9,64,48.9z M36,48.9 c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1C37.1,49.4,36.7,48.9,36,48.9z\" />\r\n\t\t\t<path d=\"M59.9,39c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1s1.1-0.5,1.1-1.1C61,39.5,60.5,39,59.9,39z M40.1,58.8 c-0.6,0-1.1,0.5-1.1,1.1s0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1S40.7,58.8,40.1,58.8z\" />\r\n\t\t\t<path d=\"M59.9,58.8c-0.6,0-1.1,0.5-1.1,1.1s0.5,1.1,1.1,1.1s1.1-0.5,1.1-1.1S60.5,58.8,59.9,58.8z M40.1,39 c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1C41.2,39.5,40.7,39,40.1,39z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Pause icon\r\n * @returns Vector asset\r\n **/\r\nexport const PauseSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"65.1,100 100,100 100,64.9 64.3,28.5 64.3,51.5 43,28.3 35.6,71.3 \" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path d=\"M62.8,72h-4.8c-1.1,0-2.1-0.9-2.1-2.1V30.1c0-1.1,0.9-2.1,2.1-2.1h4.8c1.1,0,2.1,0.9,2.1,2.1v39.8 C64.9,71.1,64,72,62.8,72z\" />\r\n\t\t\t<path d=\"M41.9,72h-4.8c-1.1,0-2.1-0.9-2.1-2.1V30.1c0-1.1,0.9-2.1,2.1-2.1h4.8c1.1,0,2.1,0.9,2.1,2.1v39.8 C44,71.1,43.1,72,41.9,72z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-icon-shadow\" opacity=\".3\">\r\n\t\t\t<path d=\"M62.8,72h-4.8c-1.1,0-2.1-0.9-2.1-2.1V50.1c3,0.6,5.9,0.6,8.9,0v19.8C64.9,71.1,64,72,62.8,72z\" />\r\n\t\t\t<path d=\"M41.9,72h-4.8c-1.1,0-2.1-0.9-2.1-2.1V50.1c3,0.6,5.9,0.6,8.9,0v19.8C44,71.1,43.1,72,41.9,72z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Play icon\r\n * @returns Vector asset\r\n **/\r\nexport const PlaySVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"65.4,100 100,100 100,80.7 70.6,47.8 35.9,71.3 \" />\r\n\r\n\t\t<path class=\"node-icon\" d=\"M34.6,68.6V31.4c0-2.7,2.9-4.3,5.2-2.9l29.9,18.6c2.1,1.3,2.1,4.5,0,5.8L39.9,71.5 C37.6,72.9,34.6,71.3,34.6,68.6z\" />\r\n\r\n\t\t<path\r\n\t\t\tclass=\"node-icon-shadow\"\r\n\t\t\topacity=\".3\"\r\n\t\t\td=\"M34.6,68.6V51.2c7.5,0.6,28.4,0.8,36.7-1.2c0,1.1-0.5,2.2-1.6,2.9L39.9,71.5C37.6,72.9,34.6,71.3,34.6,68.6z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Stop icon\r\n * @returns Vector asset\r\n **/\r\nexport const StopSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"65,100 100,100 100,59.9 68.4,31.6 31.2,68.4 \" />\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M65.8,69.5H34.2c-2.1,0-3.7-1.7-3.7-3.7V34.2c0-2.1,1.7-3.7,3.7-3.7h31.6c2.1,0,3.7,1.7,3.7,3.7v31.6 C69.5,67.8,67.8,69.5,65.8,69.5z\"\r\n\t\t/>\r\n\t\t<path class=\"node-icon-shadow\" opacity=\".3\" d=\"M66.2,69.5H33.8c-1.8,0-3.3-1.5-3.3-3.3l0-16.2c13,0.7,26,0.7,39,0l0,16.2C69.5,66.2,68,69.5,66.2,69.5z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Email icon\r\n * @returns Vector asset\r\n **/\r\nexport const EmailSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(.85)\"\r\n\t\t\t\td=\"M72,39.7v20.6c0,2.5-2,4.4-4.4,4.4H32.4c-2.5,0-4.4-2-4.4-4.4V39.7c0-0.5,0-1.1,0.3-1.6l0.2-0.3 c0,0,2.2-2.5,3.7-2.5h35.3c1.7,0,3.3,0.9,3.9,2.5c0,0,0,0,0,0.2c0,0,0,0,0,0.2C72,38.6,72,39.2,72,39.7z\"\r\n\t\t\t/>\r\n\r\n\t\t\t<path d=\"M71.1,39.9L50.8,51.2c-0.2,0.2-0.5,0.2-0.8,0.2s-0.5,0-0.8-0.2L28.9,39.9c-0.6-0.3-0.9-1.2-0.6-1.9 c0.8-1.7,2.3-2.7,4.1-2.7h35.3c1.7,0,3.4,1.1,4.1,2.7C72,38.8,71.7,39.5,71.1,39.9z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Email error icon\r\n * @returns Vector asset\r\n **/\r\nexport const EmailErrorSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"71.6,37.6 29.3,63 66.3,100 100,100 100,66 \t\" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(.85)\"\r\n\t\t\t\td=\"M72,39.7v20.6c0,2.5-2,4.4-4.4,4.4H32.4c-2.5,0-4.4-2-4.4-4.4V39.7c0-0.5,0.3-1.6,0.3-1.6L71.7,38 C72,38.7,72,39.2,72,39.7z\"\r\n\t\t\t/>\r\n\t\t\t<path d=\"M71.1,39.9L50.8,51.2c-0.2,0.2-0.5,0.2-0.8,0.2s-0.5,0-0.8-0.2L28.9,39.9c-0.6-0.3-0.9-1.2-0.6-1.9 c0.8-1.7,2.3-2.7,4.1-2.7h35.3c1.7,0,3.4,1.1,4.1,2.7C72,38.8,71.7,39.5,71.1,39.9z\" />\r\n\t\t</g>\r\n\t\t<path class=\"node-icon-shadow\" opacity=\".5\" d=\"M69.8,64L53.7,47.3l-12,9.2l8,8.1h16.9C67.8,64.7,68.9,64.7,69.8,64z\" />\r\n\t\t<path fill=\"red\" d=\"M58.4,54.8c0.6,1.1-0.2,2.3-1.4,2.3H43c-1.2,0-2-1.4-1.4-2.3l7-11.4c0.6-0.9,2-0.9,2.7,0 L58.4,54.8z\" />\r\n\t\t<g fill=\"#fff\">\r\n\t\t\t<path d=\"M50.8,53.9c0.2,0.2,0.3,0.5,0.3,0.8s-0.2,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3 c-0.6,0-1.1-0.5-1.1-1.1c0-0.3,0.2-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3S50.6,53.7,50.8,53.9z\" />\r\n\t\t\t<path d=\"M51.1,46.9v4.4c0,0.6-0.5,1.1-1.1,1.1s-1.1-0.5-1.1-1.1v-4.4c0-0.6,0.5-1.1,1.1-1.1 c0.3,0,0.6,0.2,0.8,0.3S51.1,46.6,51.1,46.9z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Video clip icon\r\n * @returns Vector asset\r\n **/\r\nexport const VideoClipSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"71.4,33.7 29.2,34.1 28.5,64.1 65.7,100 100,100 100,62.1 \t\" />\r\n\t\t<rect class=\"node-fill-inverted-primary\" x=\"35.4\" y=\"35.7\" width=\"28.9\" height=\"25.9\" />\r\n\t\t<path class=\"node-fill-icon-secondary\" d=\"M54.8,49.6l-9,4.7c-0.5,0.2-1-0.1-1-0.6v-9.5c0-0.5,0.5-0.8,1-0.6l9,4.7C55.3,48.6,55.3,49.4,54.8,49.6z\" />\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M69.9,33.1H30.1c-1.2,0-2.1,1-2.1,2.1v27.5c0,1.2,1,2.1,2.1,2.1h39.7c1.2,0,2.1-1,2.1-2.1V35.3C72,34.1,71,33.1,69.9,33.1z M34.2,62.8h-3.7v-3.4h3.7V62.8z M34.2,56.8h-3.7v-3.4h3.7V56.8z M34.2,50.7h-3.7v-3.4h3.7V50.7z M34.2,44.7h-3.7v-3.4h3.7V44.7z M34.2,38.6h-3.7v-3.4h3.7V38.6z M62.9,57.9c0,1.2-1,2.1-2.1,2.1H39.2c-1.2,0-2.1-1-2.1-2.1V40.1c0-1.2,1-2.1,2.1-2.1h21.6 c1.2,0,2.1,1,2.1,2.1V57.9z M69.5,62.8h-3.7v-3.4h3.7V62.8z M69.5,56.8h-3.7v-3.4h3.7V56.8z M69.5,50.7h-3.7v-3.4h3.7V50.7z M69.5,44.7h-3.7v-3.4h3.7V44.7z M69.5,38.6h-3.7v-3.4h3.7V38.6z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Email send icon\r\n * @returns Vector asset\r\n **/\r\nexport const EmailSendSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"71.6,37.6 29.3,63 66.3,100 100,100 100,66 \" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<g style=\"filter: brightness(.85)\">\r\n\t\t\t\t<path d=\"M72,39.7v20.6c0,2.5-2,4.4-4.4,4.4H32.4c-2.5,0-4.4-2-4.4-4.4V39.7c0-0.5,0.3-1.6,0.3-1.6L71.7,38 C72,38.7,72,39.2,72,39.7z\" />\r\n\t\t\t\t<path d=\"M33.8,42.6H22.1c-0.5,0-1-0.5-1-1v-0.2c0-0.5,0.5-1,1-1h11.6c0.5,0,1,0.5,1,1v0.2 C34.7,42.1,34.2,42.6,33.8,42.6z\" />\r\n\t\t\t\t<path d=\"M32.2,47.7H20.5c-0.5,0-1-0.5-1-1v-0.2c0-0.5,0.5-1,1-1h11.6c0.5,0,1,0.5,1,1v0.2 C33.3,47.2,32.8,47.7,32.2,47.7z\" />\r\n\t\t\t\t<ellipse cx=\"16.9\" cy=\"46.6\" rx=\"1.3\" ry=\"1.1\" />\r\n\t\t\t\t<path d=\"M35.5,52.8H23.9c-0.5,0-1-0.5-1-1v-0.2c0-0.5,0.5-1,1-1h11.6c0.5,0,1,0.5,1,1v0.2C36.5,52.5,36,52.8,35.5,52.8 z\" />\r\n\t\t\t</g>\r\n\r\n\t\t\t<path d=\"M34.2,37.5H18.6c-0.5,0-1-0.5-1-1v-0.2c0-0.5,0.5-1,1-1h15.6c0.5,0,1,0.5,1,1v0.2 C35.2,37.1,34.7,37.5,34.2,37.5z\" />\r\n\t\t\t<ellipse cx=\"14.8\" cy=\"36.4\" rx=\"1.3\" ry=\"1.1\" />\r\n\t\t\t<path d=\"M71.1,39.9L50.8,51.2c-0.2,0.2-0.5,0.2-0.8,0.2s-0.5,0-0.8-0.2L28.9,39.9c-0.6-0.3-0.9-1.2-0.6-1.9 c0.8-1.7,2.3-2.7,4.1-2.7h35.3c1.7,0,3.4,1.1,4.1,2.7C72,38.8,71.7,39.5,71.1,39.9z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Email open icon\r\n * @returns Vector asset\r\n **/\r\nexport const EmailOpenSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon class=\"node-icon-shadow\" points=\"71,39.2 28.7,64.5 65.7,100 100,100 100,67.6 \t\" />\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(.85)\"\r\n\t\t\t\td=\"M72,41.6v20.6c0,2.5-2,4.4-4.4,4.4H32.4c-2.5,0-4.4-2-4.4-4.4V41.6c0-1.1,0.3-1.6,0.3-1.6l43.3-0.3 C71.7,39.7,72,40.2,72,41.6z\"\r\n\t\t\t/>\r\n\t\t\t<path d=\"M71.7,40.1c-0.1-0.5-0.2-0.8-0.6-1.1c-0.8-0.5-20.3-11.4-20.3-11.4c-0.2-0.2-0.5-0.2-0.8-0.2 c-0.2,0-0.5,0-0.8,0.2c0,0-19.5,10.9-20.3,11.4c-0.5,0.3-0.6,0.6-0.6,0.9c-0.2,0.6,0,1.4,0.6,1.7l20.7,11.7c0.3,0.2,0.7,0.2,1,0 l20.4-11.7C71.5,41.5,71.8,40.7,71.7,40.1z\" />\r\n\t\t</g>\r\n\t\t<path\r\n\t\t\tfill=\"#fff\"\r\n\t\t\td=\"M64.8,32.3c0-0.5-0.5-0.9-0.9-0.9H36.3c-0.5,0-0.9,0.5-0.9,0.9v13.1l14,7.8c0.2,0.2,0.5,0.2,0.8,0.2 s0.5,0,0.8-0.2l14-7.8V32.3H64.8z\"\r\n\t\t/>\r\n\t\t<path class=\"node-icon-shadow\" opacity=\".5\" d=\"M65,45.3l0.6-0.3l1.2-8.3c-0.6-0.3-1.2-0.8-1.9-1.1V45.3z\" />\r\n\t\t<g fill=\"#999\">\r\n\t\t\t<path\r\n\t\t\t\tclass=\"st7\"\r\n\t\t\t\td=\"M57.7,38.7H42.3c-0.2,0-0.4-0.2-0.4-0.4v-0.7c0-0.2,0.2-0.4,0.4-0.4h15.4c0.2,0,0.4,0.2,0.4,0.4v0.7 C58.1,38.5,57.9,38.7,57.7,38.7z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tclass=\"st7\"\r\n\t\t\t\td=\"M57.7,42.4H42.3c-0.2,0-0.4-0.2-0.4-0.4v-0.7c0-0.2,0.2-0.4,0.4-0.4h15.4c0.2,0,0.4,0.2,0.4,0.4V42 C58.1,42.2,57.9,42.4,57.7,42.4z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tclass=\"st7\"\r\n\t\t\t\td=\"M53.9,46.1H42.3c-0.2,0-0.4-0.2-0.4-0.4V45c0-0.2,0.2-0.4,0.4-0.4h11.7c0.2,0,0.4,0.2,0.4,0.4v0.7 C54.3,46,54.2,46.1,53.9,46.1z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Email bounce icon\r\n * @returns Vector asset\r\n **/\r\nexport const EmailBounceSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon\r\n\t\t\tclass=\"node-icon-shadow\"\r\n\t\t\tpoints=\"46,57.6 43.2,55.9 37.5,60.2 32.8,69.8 26.7,63.8 19.5,61.5 15.2,62 24,70.7 23.5,71.4 53.1,100 92.2,100 100,100 100,46.5 77.5,24 \t\t\"\r\n\t\t/>\r\n\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: brightness(.85)\"\r\n\t\t\t\td=\"M79.5,26.1l5.3,18.5c0.7,2.2-0.7,4.5-2.9,5.1l-31.9,9.1c-2.2,0.7-4.5-0.7-5.1-2.9l-5.4-19.7l39.3-11.4 C78.7,24.7,79.3,25.6,79.5,26.1z\"\r\n\t\t\t/>\r\n\r\n\t\t\t<path d=\"M78.6,26.5L63.1,41.9c-0.2,0.2-0.4,0.2-0.7,0.4c-0.4,0-0.4,0.2-0.7,0l-21.2-5.1c-0.7-0.2-1.1-0.9-1.1-1.5 c0.2-1.8,1.5-3.1,2.9-3.4l31.9-9.1c1.6-0.4,3.4,0.2,4.4,1.3C79.1,25.2,79.1,25.9,78.6,26.5z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<ellipse style=\"filter: brightness(.95)\" cx=\"32.1\" cy=\"70.9\" rx=\"8.9\" ry=\"2\" />\r\n\r\n\t\t\t<ellipse style=\"filter: brightness(.85)\" cx=\"32.1\" cy=\"70.7\" rx=\"5.8\" ry=\"1.3\" />\r\n\r\n\t\t\t<path d=\"M30.3,65.1l-2,1.8c0.5,0.4,1.8,2.5,2.2,3.1l2.5-0.9C32.7,68.4,30.9,65.7,30.3,65.1z\" />\r\n\t\t\t<path d=\"M23.2,60.9l-0.9,2.5c1.3,0.4,2.5,1.1,3.6,1.6l1.5-2.4C26.2,62,24.7,61.5,23.2,60.9z\" />\r\n\t\t\t<path d=\"M15.3,59.3L15.1,62c1.5,0.2,2.7,0.4,4.2,0.5l0.5-2.7C18.4,59.7,16.9,59.5,15.3,59.3z\" />\r\n\t\t\t<path d=\"M39,56.8l1.6,2.2c0.5-0.4,2.5-1.5,3.1-1.8l-1.1-2.5C41.9,54.8,39.8,55.9,39,56.8z\" />\r\n\t\t\t<path d=\"M34.1,62.4l2.4,1.5c0.5-1.1,1.3-2,2.2-2.9l-2-1.8C35.6,60,34.7,61.1,34.1,62.4z\" />\r\n\t\t\t<path d=\"M31.8,69.5l2.7,0.4c0.2-1.1,0.4-2.4,0.7-3.4l-2.5-0.9C32.1,66.7,32,68,31.8,69.5z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Condition \"if\" icon\r\n * @returns Vector asset\r\n **/\r\nexport const ConditionIfSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<polygon\r\n\t\t\tclass=\"node-icon-shadow\"\r\n\t\t\tpoints=\"58.4,31.5 53.8,40.6 45,31.7 38.2,36.7 49.8,48.4 48,52.1 48,52.1 37.6,41.7 33.7,42.1 41.1,49.4 33.4,61.7 71.7,100 100,100 100,65 66.5,31.5 \t\"\r\n\t\t/>\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<path d=\"M33.3,61.7l3-15.7l0.5-2.7c0-1.1-1.1-1.2-2.5-1.2h-0.7l0.5-1.8H43l-3,15.7l-0.2,2v0.5c0,0.9,0.9,1.2,2.5,1.2h0.5l-0.5,1.8 L33.3,61.7L33.3,61.7z M38.2,36.7l0.9-5h5.9l-0.9,5H38.2z\" />\r\n\t\t\t<path d=\"M44.6,69.5l5.3-27.2h-3l0.5-2h2.8c0.9-3.2,2.5-5.7,4.5-7.3c1.8-1.8,4.1-2.5,6.8-2.5c1.1,0,1.8,0,2.7,0.2 c1.1,0.2,1.8,0.5,2.5,0.7l-0.9,5.9h-2.5v-0.5c0.2-1.4,0.2-2.5,0.2-2.7c0-0.7-0.2-0.9-0.7-1.2s-1.1-0.5-1.8-0.5 c-1.2,0-2.1,0.5-2.7,1.2c-0.7,1.1-1.1,2.7-1.8,5.2l-0.2,1.4h6.1l-0.2,2h-6.1l-5.7,27.2h-5.9C44.6,69.3,44.6,69.5,44.6,69.5z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * List icon\r\n * @returns Vector asset\r\n **/\r\nexport const ListSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<g class=\"node-icon\">\r\n\t\t\t<circle cx=\"34.3\" cy=\"36.2\" r=\"3.8\" />\r\n\t\t\t<path d=\"M68.5,40H45.9c-0.5,0-1-0.4-1-1v-4.1c0-0.5,0.4-1,1-1h22.7c0.5,0,1,0.4,1,1V39C69.5,39.6,69.1,40,68.5,40z\" />\r\n\t\t\t<circle cx=\"34.3\" cy=\"63.8\" r=\"3.8\" />\r\n\t\t\t<path d=\"M68.5,66.8H45.9c-0.5,0-1-0.4-1-1v-4.1c0-0.5,0.4-1,1-1h22.7c0.5,0,1,0.4,1,1v4.1C69.5,66.3,69.1,66.8,68.5,66.8z\" />\r\n\t\t\t<circle cx=\"34.3\" cy=\"50\" r=\"3.8\" />\r\n\t\t\t<path d=\"M68.5,53H45.9c-0.5,0-1-0.4-1-1V48c0-0.5,0.4-1,1-1h22.7c0.5,0,1,0.4,1,1V52C69.5,52.6,69.1,53,68.5,53z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-icon-shadow\" opacity=\".3\">\r\n\t\t\t<path d=\"M44.9,37v2c0,0.5,0.4,1,1,1h22.7c0.5,0,1-0.4,1-1v-2C61.3,37.2,53.1,37.2,44.9,37z\" />\r\n\t\t\t<path d=\"M34.3,40c2.1,0,3.8-1.7,3.8-3.8c-2.5,0.3-5,0.3-7.5,0C30.5,38.3,32.2,40,34.3,40z\" />\r\n\t\t\t<path d=\"M44.9,50v2c0,0.5,0.4,1,1,1h22.7c0.5,0,1-0.4,1-1v-2C61.3,50.3,53.1,50.3,44.9,50z\" />\r\n\t\t\t<path d=\"M34.3,53.8c2.1,0,3.8-1.7,3.8-3.8c-2.5,0.3-5,0.3-7.5,0C30.5,52.1,32.2,53.8,34.3,53.8z\" />\r\n\t\t\t<path d=\"M44.9,63.8v2c0,0.5,0.4,1,1,1h22.7c0.5,0,1-0.4,1-1v-2C61.3,64,53.1,64,44.9,63.8z\" />\r\n\t\t\t<path d=\"M34.3,67.5c2.1,0,3.8-1.7,3.8-3.8c-2.5,0.3-5,0.3-7.5,0C30.5,65.8,32.2,67.5,34.3,67.5z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Sms icon\r\n * @returns Vector asset\r\n **/\r\nexport const SmsSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path\r\n\t\t\tclass=\"node-icon\"\r\n\t\t\td=\"M73.1,70.5l-10.3-6.6H32.7c-3.4,0-6.1-2.8-6.1-6.1V40.1c0-3.4,2.8-6.1,6.1-6.1H67c3.4,0,6.1,2.8,6.1,6.1 C73.1,40.1,73.1,70.5,73.1,70.5z\"\r\n\t\t/>\r\n\t\t<g class=\"node-fill-inverted-primary\">\r\n\t\t\t<path d=\"M42,45.3l-1.2,1.1C40.5,46.3,40.2,46,40,46c-0.2-0.2-0.5-0.2-0.8-0.2c-0.8,0-1.1,0.3-1.1,0.8 c0,0.3,0.5,0.8,1.4,1.1c0.9,0.3,1.5,0.8,2,1.2c0.5,0.5,0.6,0.9,0.6,1.5c0,0.8-0.3,1.4-0.9,1.8c-0.6,0.5-1.2,0.8-2,0.8 c-1.2,0-2.1-0.6-2.9-1.7l1.4-0.6c0.5,0.5,1.1,0.8,1.5,0.8c0.3,0,0.8-0.2,0.9-0.3c0.3-0.2,0.5-0.5,0.5-0.8c0-0.5-0.5-0.9-1.4-1.2 c-0.9-0.3-1.7-0.8-2-1.1c-0.3-0.5-0.6-0.9-0.6-1.4c0-0.8,0.3-1.2,0.8-1.7c0.5-0.5,1.2-0.8,2-0.8C40.2,44.1,41.1,44.6,42,45.3z\" />\r\n\t\t\t<path d=\"M43.9,52.8v-8.4h1.7v1.2c0.5-0.5,0.8-0.9,1.2-1.2c0.3-0.3,0.8-0.3,1.4-0.3c0.6,0,1.1,0.2,1.5,0.5 c0.3,0.3,0.6,0.8,0.9,1.4c0.5-0.6,0.9-1.1,1.2-1.4c0.5-0.3,0.9-0.5,1.4-0.5c0.6,0,1.2,0.3,1.7,0.8c0.5,0.5,0.8,1.1,0.8,1.8v6.1 h-1.8v-5.7c0-0.9-0.5-1.4-1.4-1.4c-0.5,0-0.9,0.3-1.4,0.8c-0.3,0.5-0.6,1.1-0.6,1.8V53h-1.8v-5.5c0-1.1-0.2-1.7-1.1-1.7 c-0.6,0-1,0.1-1.3,0.6c-0.3,0.5-0.6,1.1-0.6,1.7v4.8H43.9z\" />\r\n\t\t\t<path d=\"M63,45.3l-1.2,1.1C61.5,46.3,61.2,46,61,46c-0.2-0.2-0.5-0.2-0.8-0.2c-0.8,0-1.1,0.3-1.1,0.8 c0,0.3,0.5,0.8,1.4,1.1c0.9,0.3,1.5,0.8,2,1.2c0.5,0.5,0.6,0.9,0.6,1.5c0,0.8-0.3,1.4-0.9,1.8c-0.6,0.5-1.2,0.8-2,0.8 c-1.2,0-2.1-0.6-2.9-1.7l1.4-0.6c0.5,0.5,1.1,0.8,1.5,0.8c0.3,0,0.8-0.2,0.9-0.3c0.3-0.2,0.5-0.5,0.5-0.8c0-0.5-0.5-0.9-1.4-1.2 c-0.9-0.3-1.7-0.8-2-1.1c-0.3-0.5-0.6-0.9-0.6-1.4c0-0.8,0.3-1.2,0.8-1.7c0.5-0.5,1.2-0.8,2-0.8S62.1,44.6,63,45.3z\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Form icon\r\n * @returns Vector asset\r\n **/\r\nexport const FormSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path class=\"node-icon-shadow\" d=\"M100,64L75.1,32.7L25,67.2L54.8,100H100V64z\" />\r\n\r\n\t\t<rect class=\"node-icon\" x=\"25.2\" y=\"36.4\" width=\"49.4\" height=\"29\" />\r\n\t\t<path\r\n\t\t\tclass=\"node-fill-inverted-frame\"\r\n\t\t\td=\"M73.4,68H26.6c-1.2,0-2.2-1-2.2-2.2V34.2c0-1.2,1-2.2,2.2-2.2h46.9c1.2,0,2.2,1,2.2,2.2v31.6 C75.6,67,74.6,68,73.4,68z M26.6,37.3c-0.2,0-0.3,0.2-0.3,0.3v26.8c0,0.2,0.2,0.3,0.3,0.3h46.9c0.2,0,0.3-0.2,0.3-0.3V37.6 c0-0.2-0.2-0.3-0.3-0.3H26.6z\"\r\n\t\t/>\r\n\t\t<g class=\"node-fill-inverted-primary\" style=\"filter: saturate(4) hue-rotate(90deg) brightness(1.4)\">\r\n\t\t\t<path d=\"M62.2,35.9H31.7c-0.3,0-0.7-0.3-0.7-0.7v-0.2c0-0.3,0.3-0.7,0.7-0.7h30.6c0.3,0,0.7,0.3,0.7,0.7v0.2 C62.9,35.6,62.6,35.9,62.2,35.9z\" />\r\n\t\t\t<path d=\"M58.8,56.5H41.3c-0.3,0-0.5-0.2-0.5-0.5v-1.4c0-0.3,0.2-0.5,0.5-0.5h17.5c0.3,0,0.5,0.2,0.5,0.5v1.4 C59.3,56.3,59,56.5,58.8,56.5z\" />\r\n\t\t\t<path d=\"M48.8,45.8h-7.5c-0.3,0-0.5-0.3-0.5-0.5v-1.2c0-0.3,0.3-0.5,0.5-0.5h7.5c0.3,0,0.5,0.3,0.5,0.5v1.2 C49.3,45.4,49.2,45.8,48.8,45.8z\" />\r\n\t\t\t<path d=\"M58.7,45.8h-7.5c-0.3,0-0.5-0.3-0.5-0.5v-1.2c0-0.3,0.3-0.5,0.5-0.5h7.5c0.3,0,0.5,0.3,0.5,0.5v1.2 C59.3,45.4,59,45.8,58.7,45.8z\" />\r\n\t\t\t<path d=\"M58.7,52H41.2c-0.3,0-0.5-0.2-0.5-0.5v-1.4c0-0.3,0.2-0.5,0.5-0.5h17.5c0.3,0,0.5,0.2,0.5,0.5v1.4 C59.2,51.7,59,52,58.7,52z\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-inverted-primary\">\r\n\t\t\t<circle cx=\"29.3\" cy=\"35.1\" r=\"0.7\" />\r\n\t\t\t<circle cx=\"27.4\" cy=\"35.1\" r=\"0.7\" />\r\n\t\t\t<rect x=\"40.7\" y=\"41.5\" width=\"11.2\" height=\"0.8\" />\r\n\t\t\t<rect x=\"40.7\" y=\"47.8\" width=\"16.6\" height=\"0.8\" />\r\n\t\t</g>\r\n\t\t<g class=\"node-fill-icon-secondary\">\r\n\t\t\t<path\r\n\t\t\t\tstyle=\"filter: saturate(4)\"\r\n\t\t\t\td=\"M53.2,60.4h-6.5c-0.3,0-0.5-0.2-0.5-0.5V59c0-0.3,0.2-0.5,0.5-0.5h6.5c0.3,0,0.5,0.2,0.5,0.5v0.8 C53.7,60,53.6,60.4,53.2,60.4z\"\r\n\t\t\t/>\r\n\t\t\t<circle style=\"filter: saturate(4)\" cx=\"73.6\" cy=\"33.5\" r=\"0.5\" />\r\n\t\t\t<circle style=\"filter: saturate(4) hue-rotate(120deg)\" cx=\"71.6\" cy=\"33.5\" r=\"0.5\" />\r\n\t\t\t<circle style=\"filter: saturate(4) hue-rotate(240deg)\" cx=\"69.7\" cy=\"33.5\" r=\"0.5\" />\r\n\t\t</g>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Circular arrow\r\n * @returns Vector asset\r\n **/\r\nexport const CircularArrowSVG = () => (\r\n\t<g>\r\n\t\t<path\r\n\t\t\tclass=\"primary\"\r\n\t\t\td=\"M97.3,45.6c-1.2-12.8-7.4-24.5-17.2-32.1c-8-6.7-18.3-10.3-29.2-10.3c-14.1,0-27.1,5.9-35.7,16.2l-0.1,0.1l-0.1,0.1c-0.1,0.1-0.2,0.2-0.3,0.3l-8.9-5.7c-1.4-0.9-3.3,0.1-3.3,1.7c0,0,0,0-0.1,0c0,0.2,0,0.4,0.1,0.6l0.6,28.7c0,1.5,1.5,2.5,2.9,2l28.7-10.3c1.7-0.6,2-2.9,0.4-3.9l-9.7-6.2l2-1.9c6.2-5.8,14.4-9,23.2-9c10,0,19.4,4.2,25.7,11.5c6.2,6.9,9.3,16.4,8.3,26c-1,9.7-5.9,18.4-13.4,23.9c-6,4.5-13,6.8-20.2,6.8c-5.9,0-11.9-1.6-17.6-4.6c-0.9-0.5-2-0.1-2.4,0.8c-0.2,0.3-0.3,0.6-0.4,0.8c0,0-2.7,4.9-3.2,5.9c-0.2,0.4-0.4,0.8-0.6,1.1c-0.5,0.9-0.1,2,0.7,2.5c3,1.6,6.2,3.1,9.5,4.1c4.3,1.4,8.8,2.1,13.5,2.1c14,0,27.4-6.2,36-16.7l0.1-0.1C94.6,70.9,98.5,58.3,97.3,45.6z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Folder icon\r\n * @returns Vector asset\r\n **/\r\nexport const FolderSVG = ({ transform }: IconProps) => (\r\n\t<g transform={transform}>\r\n\t\t<path d=\"M84.8,29.4c-17.1,0-34.1,0-51.2,0c-6.3-0.3-11.7,4.3-13,10.4c-3.2,12.3-6.5,24.7-9.7,37c-0.8,3,1.5,5.2,4,5.1c2.2-0.1,3.9-1.6,4.5-3.7c3.3-12.2,6.4-24.5,9.7-36.7c0.7-2.8,2.6-4.6,5.4-5.4c18.8-0.4,37.8,0,56.6-0.1c3.7,0,6.6,2.9,6.4,6.5c-3.6,14.4-8.2,28.7-12.2,43c-1.7,6.2-9,4.9-14,5.8c-17.5,2-35.2,2-52.7,0.3c-3.4-0.3-6.7-0.8-10.1-1.1C6.2,90.1,4.4,89,3.2,87c-0.6-1-0.7-2.2-0.7-3.3c0-23.3,0-46.6,0-70c-0.1-3.5,2.8-6.4,6.4-6.4c6.3,0,12.5,0,18.8,0c2.3,0,4.2,1,5.5,2.9c1.3,2,2.7,4,4,6c0.3,0.5,0.6,0.6,1.1,0.6c13.4,0,26.8,0,40.2,0C85.8,17.2,84.9,23.9,84.8,29.4z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Clock icon\r\n * @returns Vector asset\r\n **/\r\nexport const SimpleClockSVG = ({ transform }: IconProps) => (\r\n\t<g>\r\n\t\t<path d=\"M50,2C23.4,2,2,23.4,2,50s21.4,48,48,48s48-21.4,48-48S76.6,2,50,2z M50,92.6C26.5,92.6,7.4,73.5,7.4,50 S26.5,7.4,50,7.4S92.6,26.5,92.6,50S73.5,92.6,50,92.6z\" />\r\n\t\t<path d=\"M50,52H25.5c-1.3,0-2-1-2-2s1-2,2-2H50c1.3,0,2,1,2,2S51.3,52,50,52z\" />\r\n\t\t<path d=\"M50,52c-0.5,0-1-0.3-1.5-0.8c-0.8-0.8-0.8-2.3,0-3.1l17.4-17.4c0.8-0.8,2.3-0.8,3.1,0c0.8,0.8,0.8,2.3,0,3.1 L51.5,51.3C51,52,50.5,52,50,52z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * Tiny clock icon\r\n * @returns Vector asset\r\n **/\r\nexport const TinyClockSVG = () => (\r\n\t<svg viewBox=\"0 0 20 20\">\r\n\t\t<g>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M10,4c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S13.3,4,10,4z M10,14.6c-2.6,0-4.6-2.1-4.6-4.6S7.5,5.4,10,5.4 s4.6,2.1,4.6,4.6S12.6,14.6,10,14.6z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M10.4,7.4c-0.2,0-0.6,0.2-0.6,0.6v1.7H8c-0.2,0-0.6,0.2-0.6,0.6c0,0.2,0.2,0.6,0.6,0.6h2.3 c0.3,0,0.6-0.2,0.6-0.6V8C10.9,7.7,10.6,7.4,10.4,7.4z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * IF icon\r\n * @returns Vector asset\r\n **/\r\nexport const IfSVG = () => (\r\n\t<g>\r\n\t\t<path\r\n\t\t\tfill=\"#fff\"\r\n\t\t\td=\"M14,4.5c-0.8,0-1.6,0.5-1.9,0.8c-1.1,1-1.2,1.8-1.4,2.3H10c-0.1,0-0.1,0-0.1,0.1L9.8,8c0,0.1,0,0.1,0.1,0.1 h0.8l-1.2,4c-0.6,2-1.1,2.9-1.7,2.9c-0.2,0-0.3-0.1-0.3-0.2c0-0.5-0.3-0.7-0.7-0.7c-0.4,0-0.6,0.3-0.7,0.6c0,0.4,0.5,0.7,1.3,0.7 c1.6,0,2.6-1.1,3.5-3.2c0.5-1.2,0.9-3.3,1.2-4.2h1c0.1,0,0.1,0,0.1-0.1l0.1-0.3c0-0.1,0-0.1-0.1-0.1h-1C12.5,6.4,13,5,13.8,5 c0.3,0,0.4,0.2,0.5,0.3c0.1,0.3,0.1,0.6,0.6,0.6c0.4,0,0.7-0.3,0.7-0.6C15.6,4.9,15.1,4.5,14,4.5z M8.6,5.1c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.8-0.4,0.8-0.7C9.4,5.4,9.1,5.1,8.6,5.1z M8.1,7.4c-0.5,0-0.9,0.2-1.3,0.5c-0.6,0.4-1,0.9-1,0.9 c0,0,0,0.1,0,0.1l0.1,0.1c0,0,0.1,0,0.1,0c0.2-0.2,0.6-0.5,0.7-0.6c0.1-0.1,0.2,0,0.2,0c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.2,0.4 L6.4,9.9c-0.6,1.4-0.8,1.7-0.8,2.1c0,0.2,0.1,0.4,0.5,0.3c1.6-0.1,2.3-1.2,2.4-1.3c0-0.1,0-0.1,0-0.1l-0.2-0.2c0,0-0.1,0-0.1,0 c-0.1,0.1-0.7,0.7-0.9,0.7c-0.1,0-0.1-0.1-0.1-0.2c0-0.1,0.1-0.3,0.2-0.5l0.8-1.7c0.3-0.7,0.4-1,0.4-1.2C8.6,7.6,8.5,7.4,8.1,7.4z\"\r\n\t\t/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * condition box\r\n * @returns Vector asset\r\n **/\r\nexport const DynamicCondition = ({\r\n\ttext,\r\n\ticon,\r\n\taccentColor = '#E82C58',\r\n\trect_fill = '#231F20',\r\n\tx = 0,\r\n\ty = 0,\r\n\theight = 20,\r\n\twidth = 100,\r\n\trx = 5,\r\n\tbadgeWidth = 20,\r\n\ttext_fill = '#f3e8e8',\r\n\tfong_size = 8\r\n}: any) => (\r\n\t<svg width={width} height={height}>\r\n\t\t<rect fill={rect_fill} width={width} height={height} x={x} y={y} rx={rx} />\r\n\t\t<path fill={accentColor} x={x} y={y} d={`M19.6,${badgeWidth}h-15c-2.8,0-5-2-5-4.5V4.5C-0.4,2,1.8,0,4.6,0h15V${badgeWidth}z`} />\r\n\r\n\t\t<path\r\n\t\t\tfill=\"#fff\"\r\n\t\t\td=\"M14,4.5c-0.8,0-1.6,0.5-1.9,0.8c-1.1,1-1.2,1.8-1.4,2.3H10c-0.1,0-0.1,0-0.1,0.1L9.8,8c0,0.1,0,0.1,0.1,0.1 h0.8l-1.2,4c-0.6,2-1.1,2.9-1.7,2.9c-0.2,0-0.3-0.1-0.3-0.2c0-0.5-0.3-0.7-0.7-0.7c-0.4,0-0.6,0.3-0.7,0.6c0,0.4,0.5,0.7,1.3,0.7 c1.6,0,2.6-1.1,3.5-3.2c0.5-1.2,0.9-3.3,1.2-4.2h1c0.1,0,0.1,0,0.1-0.1l0.1-0.3c0-0.1,0-0.1-0.1-0.1h-1C12.5,6.4,13,5,13.8,5 c0.3,0,0.4,0.2,0.5,0.3c0.1,0.3,0.1,0.6,0.6,0.6c0.4,0,0.7-0.3,0.7-0.6C15.6,4.9,15.1,4.5,14,4.5z M8.6,5.1c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.8-0.4,0.8-0.7C9.4,5.4,9.1,5.1,8.6,5.1z M8.1,7.4c-0.5,0-0.9,0.2-1.3,0.5c-0.6,0.4-1,0.9-1,0.9 c0,0,0,0.1,0,0.1l0.1,0.1c0,0,0.1,0,0.1,0c0.2-0.2,0.6-0.5,0.7-0.6c0.1-0.1,0.2,0,0.2,0c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.2,0.4 L6.4,9.9c-0.6,1.4-0.8,1.7-0.8,2.1c0,0.2,0.1,0.4,0.5,0.3c1.6-0.1,2.3-1.2,2.4-1.3c0-0.1,0-0.1,0-0.1l-0.2-0.2c0,0-0.1,0-0.1,0 c-0.1,0.1-0.7,0.7-0.9,0.7c-0.1,0-0.1-0.1-0.1-0.2c0-0.1,0.1-0.3,0.2-0.5l0.8-1.7c0.3-0.7,0.4-1,0.4-1.2C8.6,7.6,8.5,7.4,8.1,7.4z\"\r\n\t\t/>\r\n\r\n\t\t<svg width={width - badgeWidth} height={height} x={badgeWidth}>\r\n\t\t\t<text text-anchor=\"middle\" fill={text_fill} x={(width - badgeWidth) / 2} y=\"13\" style={`font-size: ${fong_size}px;`} v-html={text}></text>\r\n\t\t</svg>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * condition box\r\n * @returns Vector asset\r\n **/\r\nexport const DynamicDelay = ({\r\n\ttext,\r\n\ticon,\r\n\taccentColor = '#4958A7',\r\n\trect_fill = '#231F20',\r\n\tx = 0,\r\n\ty = 0,\r\n\theight = 20,\r\n\twidth = 100,\r\n\trx = 5,\r\n\tbadgeWidth = 20,\r\n\ttext_fill = '#f3e8e8',\r\n\tfong_size = 8\r\n}: any) => (\r\n\t<svg width={width} height={height}>\r\n\t\t<rect fill={rect_fill} width={width} height={height} x={x} y={y} rx={rx} />\r\n\t\t<path fill={accentColor} x={x} y={y} d={`M19.6,${badgeWidth}h-15c-2.8,0-5-2-5-4.5V4.5C-0.4,2,1.8,0,4.6,0h15V${badgeWidth}z`} />\r\n\r\n\t\t<path\r\n\t\t\tfill=\"#fff\"\r\n\t\t\td=\"M10,4c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S13.3,4,10,4z M10,14.6c-2.6,0-4.6-2.1-4.6-4.6S7.5,5.4,10,5.4 s4.6,2.1,4.6,4.6S12.6,14.6,10,14.6z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tfill=\"#fff\"\r\n\t\t\td=\"M10.4,7.4c-0.2,0-0.6,0.2-0.6,0.6v1.7H8c-0.2,0-0.6,0.2-0.6,0.6c0,0.2,0.2,0.6,0.6,0.6h2.3 c0.3,0,0.6-0.2,0.6-0.6V8C10.9,7.7,10.6,7.4,10.4,7.4z\"\r\n\t\t/>\r\n\r\n\t\t<svg width={width - badgeWidth} height={height} x={badgeWidth}>\r\n\t\t\t<text text-anchor=\"middle\" fill={text_fill} x={(width - badgeWidth) / 2} y=\"13\" style={`font-size: ${fong_size}px;`} v-html={text}></text>\r\n\t\t</svg>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * delay tiny badge\r\n * @returns Vector asset\r\n **/\r\nexport const TinyDelayBadge = () => (\r\n\t<svg viewBox=\"0 0 100 100\" width=\"18\" height=\"18\">\r\n\t\t<g class=\"frame\">\r\n\t\t\t<circle fill=\"#C11E80\" cx=\"50\" cy=\"50\" r=\"45\" />\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#651742\"\r\n\t\t\t\td=\"M58.3,98H40.8C19.1,98,1.5,80.4,1.5,58.8V41.3C1.5,19.7,19.1,2,40.8,2h17.5c21.7,0,39.3,17.6,39.3,39.3v17.5 C97.5,80.4,79.9,98,58.3,98z M40.8,10.8c-16.8,0-30.5,13.7-30.5,30.5v17.5c0,16.8,13.7,30.5,30.5,30.5h17.5 c16.8,0,30.5-13.7,30.5-30.5V41.3c0-16.8-13.7-30.5-30.5-30.5H40.8z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t\t<path\r\n\t\t\tclass=\"icon\"\r\n\t\t\tfill=\"#651742\"\r\n\t\t\td=\"M49.5,23.9c-14.4,0-26.2,11.8-26.2,26.2s11.8,26.2,26.2,26.2S75.7,64.4,75.7,50S63.9,23.9,49.5,23.9z M49.5,70.1c-11.3,0-20.1-9.2-20.1-20.1S38.6,30,49.5,30S69.6,39.1,69.6,50S60.9,70.1,49.5,70.1z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tclass=\"icon\"\r\n\t\t\tfill=\"#651742\"\r\n\t\t\td=\"M51.3,38.7c-0.9,0-2.6,0.9-2.6,2.6v7.4h-7.9c-0.9,0-2.6,0.9-2.6,2.6c0,0.9,0.9,2.6,2.6,2.6h10 c1.3,0,2.6-0.9,2.6-2.6v-10C53.9,39.6,52.1,38.7,51.3,38.7z\"\r\n\t\t/>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * condition tiny badge\r\n * @returns Vector asset\r\n **/\r\nexport const TinyConditionBadge = () => (\r\n\t<svg viewBox=\"0 0 100 100\" width=\"18\" height=\"18\">\r\n\t\t<g class=\"frame\">\r\n\t\t\t<circle fill=\"#C11E80\" cx=\"50\" cy=\"50\" r=\"45\" />\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#651742\"\r\n\t\t\t\td=\"M58.3,98H40.8C19.1,98,1.5,80.4,1.5,58.8V41.3C1.5,19.7,19.1,2,40.8,2h17.5c21.7,0,39.3,17.6,39.3,39.3v17.5 C97.5,80.4,79.9,98,58.3,98z M40.8,10.8c-16.8,0-30.5,13.7-30.5,30.5v17.5c0,16.8,13.7,30.5,30.5,30.5h17.5 c16.8,0,30.5-13.7,30.5-30.5V41.3c0-16.8-13.7-30.5-30.5-30.5H40.8z\"\r\n\t\t\t/>\r\n\t\t</g>\r\n\t\t<path\r\n\t\t\tclass=\"icon\"\r\n\t\t\tfill=\"#651742\"\r\n\t\t\td=\"M66.9,25c-3.8,0-7.6,2.4-9.1,3.8c-5.2,4.8-5.7,8.6-6.7,11h-3.3c-0.5,0-0.5,0-0.5,0.5l-0.5,1.4 c0,0.5,0,0.5,0.5,0.5h3.8l-5.7,19.1c-2.9,9.5-5.2,13.8-8.1,13.8c-1,0-1.4-0.5-1.4-1c0-2.4-1.4-3.3-3.3-3.3s-2.9,1.4-3.3,2.9  c0,1.9,2.4,3.3,6.2,3.3c7.6,0,12.4-5.2,16.7-15.3c2.4-5.7,4.3-15.7,5.7-20h4.8c0.5,0,0.5,0,0.5-0.5l0.5-1.4c0-0.5,0-0.5-0.5-0.5  h-4.8c1.4-5.2,3.8-11.9,7.6-11.9c1.4,0,1.9,1,2.4,1.4c0.5,1.4,0.5,2.9,2.9,2.9c1.9,0,3.3-1.4,3.3-2.9C74.6,26.9,72.2,25,66.9,25z M41.2,27.9c-1.9,0-3.3,1.4-3.3,3.3s1.4,3.3,3.3,3.3c1.9,0,3.8-1.9,3.8-3.3C45,29.3,43.6,27.9,41.2,27.9z M38.8,38.8  c-2.4,0-4.3,1-6.2,2.4c-2.9,1.9-4.8,4.3-4.8,4.3V46l0.5,0.5h0.5c1-1,2.9-2.4,3.3-2.9c0.5-0.5,1,0,1,0v0.5c0,0.5-0.5,1-1,1.9  l-1.4,4.8c-2.9,6.7-3.8,8.1-3.8,10c0,1,0.5,1.9,2.4,1.4c7.6-0.5,11-5.7,11.4-6.2c0-0.5,0-0.5,0-0.5l-1-1h-0.5  c-0.5,0.5-3.3,3.3-4.3,3.3c-0.5,0-0.5-0.5-0.5-1c0-0.5,0.5-1.4,1-2.4l3.8-8.1c1.4-3.3,1.9-4.8,1.9-5.7  C41.2,39.8,40.7,38.8,38.8,38.8z\"\r\n\t\t/>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * page generic\r\n **/\r\nexport const PageGeneric = () => (\r\n\t<svg viewBox=\"0 0 100 130\" class=\"page-node-svg\">\r\n\t\t<path style=\"fill: var(--clr-white)\" class=\"outline-stroke\" d=\"M95,127H5c-1.1,0-2-0.9-2-2V15h94v110C97,126.1,96.1,127,95,127z\" />\r\n\t\t<path style=\"fill: var(--clr-outline)\" class=\"outline-stroke\" d=\"M97,15H3V5c0-1.1,0.9-2,2-2h90c1.1,0,2,0.9,2,2V15z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M60,12H14c-1.7,0-3-1.3-3-3v0c0-1.7,1.3-3,3-3h46c1.7,0,3,1.3,3,3v0C63,10.7,61.7,12,60,12z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M93,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C94,10.6,93.6,11,93,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M86,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C87,10.6,86.6,11,86,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M79,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C80,10.6,79.6,11,79,11z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,59h76c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,59.4,11.4,59,12,59z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M23.5,66h53c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1h-53c-0.6,0-1-0.4-1-1v-1C22.5,66.4,22.9,66,23.5,66z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M18,73h64c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H18c-0.6,0-1-0.4-1-1v-1C17,73.4,17.4,73,18,73z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,86h34c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,86.4,11.4,86,12,86z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M67,86h18c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H67c-0.6,0-1-0.4-1-1v-1C66,86.4,66.4,86,67,86z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,93h43c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,93.4,11.4,93,12,93z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M67,93h12c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H67c-0.6,0-1-0.4-1-1v-1C66,93.4,66.4,93,67,93z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M12,100h38c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,100.4,11.4,100,12,100z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M12,107h45c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,107.4,11.4,107,12,107z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M67,107h10c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H67c-0.6,0-1-0.4-1-1v-1C66,107.4,66.4,107,67,107z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M67,100h16c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H67c-0.6,0-1-0.4-1-1v-1C66,100.4,66.4,100,67,100z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M12,114h31c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,114.4,11.4,114,12,114z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M67,114h13c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H67c-0.6,0-1-0.4-1-1v-1C66,114.4,66.4,114,67,114z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M90,22H10c-0.6,0-1,0.4-1,1v30c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1V23C91,22.4,90.6,22,90,22z\" />\r\n\t\t<path style=\"fill: var(--clr-blue)\" d=\"M64,45.5H35l7.7-11l3.4,3.5l5.7-6.8l13.3,14.4H64z M37,44.5h25.9l-11-11.8l-5.6,6.8l-3.4-3.4L37,44.5z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue)\"\r\n\t\t\td=\"M39.2,35.6c-1.3,0-2.4-1.1-2.4-2.6c0-1.4,1.1-2.6,2.4-2.6s2.4,1.1,2.4,2.6C41.6,34.5,40.5,35.6,39.2,35.6z M39.2,31.5c-0.8,0-1.4,0.7-1.4,1.6c0,0.9,0.6,1.6,1.4,1.6s1.4-0.7,1.4-1.6C40.6,32.2,40,31.5,39.2,31.5z\"\r\n\t\t/>\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * page import\r\n * @returns Vector asset\r\n **/\r\nexport const PageImport = () => (\r\n\t<svg viewBox=\"0 0 100 130\" class=\"page-node-svg\">\r\n\t\t<path style=\"fill: var(--clr-white)\" class=\"outline-stroke\" d=\"M95,127H5c-1.1,0-2-0.9-2-2V15h94v110C97,126.1,96.1,127,95,127z\" />\r\n\t\t<path style=\"fill: var(--clr-outline)\" class=\"outline-stroke\" d=\"M97,15H3V5c0-1.1,0.9-2,2-2h90c1.1,0,2,0.9,2,2V15z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M60,12H14c-1.7,0-3-1.3-3-3v0c0-1.7,1.3-3,3-3h46c1.7,0,3,1.3,3,3v0C63,10.7,61.7,12,60,12z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M93,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C94,10.6,93.6,11,93,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M86,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C87,10.6,86.6,11,86,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M79,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C80,10.6,79.6,11,79,11z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,64h76c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,64.4,11.4,64,12,64z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M25.5,78h49c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1h-49c-0.6,0-1-0.4-1-1v-1C24.5,78.4,24.9,78,25.5,78z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue); stroke: var(--clr-blue)\"\r\n\t\t\td=\"M90,105H10c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-8C91,105.4,90.6,105,90,105z\"\r\n\t\t/>\r\n\t\t<path class=\"blue-outline\" d=\"M90,91.5H10c-0.6,0-1,0.4-1,1v7c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-7C91,91.9,90.6,91.5,90,91.5z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M16,71h68c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H16c-0.6,0-1-0.4-1-1v-1C15,71.4,15.4,71,16,71z\" />\r\n\t\t<circle class=\"blue-outline\" cx=\"50\" cy=\"40\" r=\"17.9\" />\r\n\t\t<line style=\"stroke-width: 2\" class=\"blue-outline\" x1=\"50\" y1=\"31\" x2=\"50\" y2=\"43.1\" />\r\n\t\t<polyline style=\"stroke-width: 2\" class=\"blue-outline\" points=\"53.3,40.3 50,43.6 46.7,40.3 \" />\r\n\t\t<path\r\n\t\t\tstyle=\"stroke-width: 2\"\r\n\t\t\tclass=\"blue-outline\"\r\n\t\t\td=\"M54.3,34.8c1.5,0,2.7,1.2,2.7,2.7v8.7c0,1.5-1.2,2.7-2.7,2.7h-8.7c-1.5,0-2.7-1.2-2.7-2.7v-8.7 c0-1.5,1.2-2.7,2.7-2.7\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M37.7,113h-0.8v-5.7h0.8V113z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M43.2,107.3h0.7v5.7h-0.8v-4.3l0,0.2l-1.4,3.2h-0.6l-1.4-3.1l0-0.3v4.3h-0.8v-5.7h0.7l1.7,3.8L43.2,107.3z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M45.4,107.3h0.8v5.7h-0.8V107.3z M45.8,110h1.8c0.2,0,0.3,0,0.5-0.1s0.2-0.2,0.3-0.3s0.1-0.3,0.1-0.5 c0-0.2,0-0.4-0.1-0.5s-0.2-0.3-0.3-0.3s-0.3-0.1-0.5-0.1h-1.8v-0.8h1.8c0.3,0,0.6,0.1,0.9,0.2s0.5,0.3,0.6,0.6s0.2,0.6,0.2,0.9 s-0.1,0.7-0.2,0.9s-0.3,0.5-0.6,0.6s-0.6,0.2-0.9,0.2h-1.8V110z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M51.2,112.8c-0.3-0.2-0.5-0.4-0.7-0.7s-0.2-0.7-0.2-1.1v-1.6c0-0.4,0.1-0.8,0.2-1.1s0.4-0.6,0.7-0.7 c0.3-0.2,0.7-0.3,1-0.3c0.4,0,0.7,0.1,1,0.3c0.3,0.2,0.5,0.4,0.7,0.7c0.2,0.3,0.2,0.7,0.2,1.1v1.6c0,0.4-0.1,0.8-0.2,1.1 c-0.2,0.3-0.4,0.6-0.7,0.7c-0.3,0.2-0.7,0.3-1,0.3C51.8,113.1,51.5,113,51.2,112.8z M52.8,112.1c0.2-0.1,0.3-0.3,0.4-0.4 s0.1-0.4,0.1-0.7v-1.7c0-0.3,0-0.5-0.1-0.7s-0.2-0.3-0.4-0.4c-0.2-0.1-0.4-0.2-0.6-0.2s-0.4,0.1-0.6,0.2 c-0.2,0.1-0.3,0.3-0.4,0.4s-0.1,0.4-0.1,0.7v1.7c0,0.3,0,0.5,0.1,0.7s0.2,0.3,0.4,0.4c0.2,0.1,0.4,0.2,0.6,0.2 S52.7,112.2,52.8,112.1z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M55.5,107.3h0.8v5.7h-0.8V107.3z M55.8,109.8h1.9c0.2,0,0.3,0,0.4-0.1s0.2-0.2,0.3-0.3 c0.1-0.1,0.1-0.3,0.1-0.5s0-0.3-0.1-0.5c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.3-0.1-0.4-0.1h-1.9v-0.8h1.9c0.3,0,0.6,0.1,0.9,0.2 c0.2,0.1,0.4,0.3,0.6,0.6s0.2,0.5,0.2,0.9s-0.1,0.6-0.2,0.9c-0.1,0.2-0.3,0.4-0.6,0.6c-0.2,0.1-0.5,0.2-0.9,0.2h-1.9V109.8z  M57.4,110.4l0.8-0.2l1.5,2.8h-0.9L57.4,110.4z\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M59.9,107.3h4v0.8h-4V107.3z M61.5,107.8h0.8v5.2h-0.8V107.8z\" />\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * Page opt in\r\n * @returns Vector asset\r\n **/\r\nexport const PageOptIn = () => (\r\n\t<svg viewBox=\"0 0 100 130\" class=\"page-node-svg\">\r\n\t\t<path style=\"fill: var(--clr-white)\" class=\"outline-stroke\" d=\"M95,127H5c-1.1,0-2-0.9-2-2V15h94v110C97,126.1,96.1,127,95,127z\" />\r\n\t\t<path style=\"fill: var(--clr-outline)\" class=\"outline-stroke\" d=\"M97,15H3V5c0-1.1,0.9-2,2-2h90c1.1,0,2,0.9,2,2V15z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M60,12H14c-1.7,0-3-1.3-3-3v0c0-1.7,1.3-3,3-3h46c1.7,0,3,1.3,3,3v0C63,10.7,61.7,12,60,12z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M93,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C94,10.6,93.6,11,93,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M86,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C87,10.6,86.6,11,86,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M79,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C80,10.6,79.6,11,79,11z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,33h76c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,33.4,11.4,33,12,33z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue); stroke: var(--clr-blue)\"\r\n\t\t\td=\"M90,98H10c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-8C91,98.4,90.6,98,90,98z\"\r\n\t\t/>\r\n\t\t<path class=\"blue-outline\" d=\"M90,80H10c-0.6,0-1,0.4-1,1v7c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-7C91,80.4,90.6,80,90,80z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M37.8,105.8c-0.3-0.2-0.5-0.4-0.7-0.7s-0.2-0.7-0.2-1.1v-1.6c0-0.4,0.1-0.8,0.2-1.1s0.4-0.6,0.7-0.7 s0.7-0.3,1-0.3s0.7,0.1,1,0.3s0.5,0.4,0.7,0.7s0.2,0.7,0.2,1.1v1.6c0,0.4-0.1,0.8-0.2,1.1s-0.4,0.6-0.7,0.7s-0.7,0.3-1,0.3 S38.1,106,37.8,105.8z M39.4,105.1c0.2-0.1,0.3-0.3,0.4-0.4s0.1-0.4,0.1-0.7v-1.7c0-0.3,0-0.5-0.1-0.7s-0.2-0.3-0.4-0.4 S39,101,38.8,101s-0.4,0.1-0.6,0.2s-0.3,0.3-0.4,0.4s-0.1,0.4-0.1,0.7v1.7c0,0.3,0,0.5,0.1,0.7s0.2,0.3,0.4,0.4s0.4,0.2,0.6,0.2 S39.2,105.2,39.4,105.1z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M42.1,100.3h0.8v5.7h-0.8V100.3z M42.5,103h1.8c0.2,0,0.3,0,0.5-0.1s0.2-0.2,0.3-0.3s0.1-0.3,0.1-0.5 c0-0.2,0-0.4-0.1-0.5s-0.2-0.3-0.3-0.3s-0.3-0.1-0.5-0.1h-1.8v-0.8h1.8c0.3,0,0.6,0.1,0.9,0.2s0.5,0.3,0.6,0.6s0.2,0.6,0.2,0.9 s-0.1,0.7-0.2,0.9s-0.3,0.5-0.6,0.6s-0.6,0.2-0.9,0.2h-1.8V103z\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M46.3,100.3h4v0.8h-4V100.3z M47.9,100.8h0.8v5.2h-0.8V100.8z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M53.9,106h-0.8v-5.7h0.8V106z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M55.3,100.3H56l2.8,4.4l-0.1,0.1v-4.5h0.8v5.7h-0.7l-2.8-4.3l0.1-0.1v4.4h-0.8V100.3z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M90,67H10c-0.6,0-1,0.4-1,1v7c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-7C91,67.4,90.6,67,90,67z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-light-accent)\"\r\n\t\t\td=\"M20.5,53.5h60c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1h-60c-0.6,0-1-0.4-1-1v-1C19.5,53.9,19.9,53.5,20.5,53.5z\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M16,40h68c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H16c-0.6,0-1-0.4-1-1v-1C15,40.4,15.4,40,16,40z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M25.5,47h49c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1h-49c-0.6,0-1-0.4-1-1v-1C24.5,47.4,24.9,47,25.5,47z\" />\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * Page survey\r\n * @returns Vector asset\r\n **/\r\nexport const PageSurvey = () => (\r\n\t<svg viewBox=\"0 0 100 130\" class=\"page-node-svg\">\r\n\t\t<path style=\"fill: var(--clr-white)\" class=\"outline-stroke\" d=\"M95,127H5c-1.1,0-2-0.9-2-2V15h94v110C97,126.1,96.1,127,95,127z\" />\r\n\t\t<path style=\"fill: var(--clr-outline)\" class=\"outline-stroke\" d=\"M97,15H3V5c0-1.1,0.9-2,2-2h90c1.1,0,2,0.9,2,2V15z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue); stroke: var(--clr-blue)\"\r\n\t\t\td=\"M90,107H10c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1h80c0.6,0,1-0.4,1-1v-8C91,107.4,90.6,107,90,107z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue); stroke: var(--clr-blue)\"\r\n\t\t\td=\"M21,70h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4c0.6,0,1-0.4,1-1v-4C22,70.4,21.6,70,21,70z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-blue); stroke: var(--clr-blue)\"\r\n\t\t\td=\"M21,92h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4c0.6,0,1-0.4,1-1v-4C22,92.4,21.6,92,21,92z\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M60,12H14c-1.7,0-3-1.3-3-3v0c0-1.7,1.3-3,3-3h46c1.7,0,3,1.3,3,3v0C63,10.7,61.7,12,60,12z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M93,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C94,10.6,93.6,11,93,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M86,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C87,10.6,86.6,11,86,11z\" />\r\n\t\t<path style=\"fill: var(--clr-warm-accent)\" d=\"M79,11h-2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1v2C80,10.6,79.6,11,79,11z\" />\r\n\t\t<path style=\"fill: var(--clr-dark-accent)\" d=\"M12,26h76c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H12c-0.6,0-1-0.4-1-1v-1C11,26.4,11.4,26,12,26z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M86.5,56h-33c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h33c0.6,0,1-0.4,1-1v-6C87.5,56.4,87.1,56,86.5,56z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M46.5,56h-33c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h33c0.6,0,1-0.4,1-1v-6C47.5,56.4,47.1,56,46.5,56z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M86.5,42.7h-73c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h73c0.6,0,1-0.4,1-1v-6C87.5,43.1,87.1,42.7,86.5,42.7z\" />\r\n\t\t<path class=\"blue-outline\" d=\"M21,81h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4c0.6,0,1-0.4,1-1v-4C22,81.4,21.6,81,21,81z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M16,33h68c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H16c-0.6,0-1-0.4-1-1v-1C15,33.4,15.4,33,16,33z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M28,71.5h54c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H28c-0.6,0-1-0.4-1-1v-1C27,71.9,27.4,71.5,28,71.5z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M28,82.5h54c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H28c-0.6,0-1-0.4-1-1v-1C27,82.9,27.4,82.5,28,82.5z\" />\r\n\t\t<path style=\"fill: var(--clr-light-accent)\" d=\"M28,93.5h54c0.6,0,1,0.4,1,1v1c0,0.6-0.4,1-1,1H28c-0.6,0-1-0.4-1-1v-1C27,93.9,27.4,93.5,28,93.5z\" />\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M37.7,115c-0.3-0.1-0.5-0.1-0.7-0.2s-0.4-0.2-0.6-0.4l0.5-0.9c0.2,0.2,0.5,0.3,0.8,0.4s0.6,0.1,0.9,0.1 c0.3,0,0.6-0.1,0.8-0.2s0.3-0.3,0.3-0.5v0c0-0.2,0-0.3-0.1-0.4s-0.2-0.2-0.3-0.2s-0.3-0.1-0.5-0.1c0,0,0,0,0,0s0,0,0,0l-0.1,0 c-0.4-0.1-0.7-0.1-0.9-0.2s-0.5-0.2-0.6-0.5s-0.3-0.5-0.3-1v0c0-0.4,0.1-0.7,0.2-0.9s0.4-0.5,0.7-0.6s0.7-0.2,1.1-0.2 c0.2,0,0.4,0,0.6,0.1s0.4,0.1,0.6,0.2s0.4,0.2,0.6,0.3l-0.5,0.9c-0.2-0.2-0.4-0.3-0.7-0.4s-0.5-0.1-0.7-0.1 c-0.3,0-0.6,0.1-0.8,0.2s-0.3,0.3-0.3,0.5v0c0,0.2,0,0.3,0.1,0.4s0.2,0.2,0.3,0.2s0.3,0.1,0.6,0.1c0,0,0,0,0,0s0,0,0,0 c0,0,0,0,0,0s0,0,0,0c0.4,0.1,0.7,0.2,0.9,0.3s0.4,0.3,0.6,0.5s0.2,0.5,0.2,0.9v0c0,0.4-0.1,0.7-0.3,0.9s-0.4,0.5-0.7,0.6 s-0.7,0.2-1.2,0.2C38.2,115.1,37.9,115,37.7,115z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M42.5,114.8c-0.3-0.2-0.5-0.4-0.7-0.7s-0.2-0.7-0.2-1.1v-3.6h1.1v3.7c0,0.3,0.1,0.6,0.3,0.8s0.4,0.3,0.7,0.3 c0.3,0,0.6-0.1,0.7-0.3s0.3-0.4,0.3-0.8v-3.7h1.1v3.6c0,0.4-0.1,0.8-0.2,1.1s-0.4,0.6-0.7,0.7s-0.7,0.2-1.1,0.2 S42.8,115,42.5,114.8z\"\r\n\t\t/>\r\n\t\t<path\r\n\t\t\tstyle=\"fill: var(--clr-white)\"\r\n\t\t\td=\"M46.9,109.3h1.1v5.7h-1.1V109.3z M47.3,114h1.8c0.2,0,0.4-0.1,0.6-0.2s0.2-0.3,0.2-0.5v0 c0-0.1,0-0.3-0.1-0.4s-0.1-0.2-0.3-0.2s-0.3-0.1-0.4-0.1h-1.8v-1h1.8c0.2,0,0.4-0.1,0.5-0.2s0.2-0.3,0.2-0.5 c0-0.2-0.1-0.3-0.2-0.4s-0.3-0.2-0.5-0.2h-1.8v-1h1.8c0.4,0,0.7,0.1,0.9,0.2s0.5,0.3,0.6,0.5s0.2,0.5,0.2,0.8 c0,0.2,0,0.4-0.1,0.6s-0.2,0.3-0.4,0.4s-0.4,0.2-0.6,0.2c0.2,0,0.5,0.1,0.6,0.2s0.3,0.3,0.4,0.5s0.1,0.4,0.1,0.7v0 c0,0.3-0.1,0.6-0.2,0.8s-0.3,0.4-0.6,0.5s-0.6,0.2-0.9,0.2h-1.9V114z\"\r\n\t\t/>\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M55.6,109.3H57v5.7h-1v-4.4l0,0.2l-1.1,3.5H54l-1.1-3.4l0-0.3v4.4h-1v-5.7h1.4l1.1,3.8L55.6,109.3z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M59.3,115h-1.1v-5.7h1.1V115z\" />\r\n\t\t<path style=\"fill: var(--clr-white)\" d=\"M59.7,109.3h4.2v1h-4.2V109.3z M61.2,109.8h1.1v5.2h-1.1V109.8z\" />\r\n\t</svg>\r\n)\r\n\r\n/**\r\n * EmailBounceFlat\r\n * @returns Vector asset\r\n **/ export const EmailBounceFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M69.2,29.3c-4.5,0-8.2,3.6-8.2,8.2s3.6,8.2,8.2,8.2c4.5,0,8.2-3.6,8.2-8.2S73.9,29.3,69.2,29.3z M74.5,37.8 c0,0.7-0.5,1.2-1.2,1.2h-7.9c-0.8,0-1.2-0.5-1.2-1.2v-0.6c0-0.8,0.5-1.2,1.2-1.2h7.9c0.8,0,1.2,0.5,1.2,1.2V37.8z\" />\r\n\t\t<path d=\"M62.2,47.1c-3.2,2-6.4,4-9.6,6.1c-1.4,0.9-2.8,0.9-4.1,0c-2.9-1.9-5.8-3.6-8.6-5.5c-3.5-2.2-7.1-4.4-10.6-6.5 c-0.7-0.5-1.4-0.1-1.6,0.8c-0.1,0.2-0.1,0.6-0.1,1c0,6.6,0,13.2,0,19.9c0,3.5,1.8,5.4,5.4,5.4c5.9,0,11.7,0,17.6,0 c6,0,11.9,0,17.9,0c3.2,0,5.1-1.9,5.1-5.1c0-4.9,0-9.6,0-14.5c-1.4,0.5-2.9,0.9-4.2,0.9C66.6,49.4,64.1,48.7,62.2,47.1z\" />\r\n\t\t<path d=\"M59,31.3c-2.8,0-5.5,0-8.4,0c-5.9,0-11.8,0-17.6,0c-1.1,0-2.2,0.3-3.1,0.7c-0.7,0.4-1.4,1.2-1.8,2.1 c-0.1,0.3,0.6,1.2,1.1,1.5c1.4,0.9,2.9,1.8,4.3,2.6c5.1,3.2,10.2,6.5,15.5,9.6c1.1,0.8,2.1,0.8,3.1,0c2.2-1.4,4.6-2.8,6.9-4.2 c-1.1-1.8-1.8-3.9-1.8-6.1C57.2,35.2,58,33.1,59,31.3z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * EmailOpenFlat\r\n * @returns Vector asset\r\n **/ export const EmailOpenFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M50,68.1c-6.4,0-12.9,0-19.2,0c-3.6,0-5.6-2-5.6-5.6c0-7.7,0-15.5,0-23.1c0-2.6,1-4.6,3.4-5.9c6-3.4,12-7,18-10.5 c2.9-1.6,5.6-1.1,8.4,0.5c5.7,3.5,11.6,6.9,17.4,10.2c2,1.1,2.9,3,2.9,5.2c0,8,0,15.9,0,23.9c0,3.4-2.1,5.5-5.6,5.5 C62.8,68.1,56.5,68.1,50,68.1z M29.9,38.1c0.1,0.1,0.2,0.1,0.2,0.2c5.3,3.2,10.6,6.6,15.9,9.9c2.2,1.4,4.4,2.1,6.8,0.7 c4.2-2.5,8.4-5.1,12.6-7.8c1.6-1,3.2-2,5-3.1c-0.8-0.4-1.4-0.8-2-1.1c-5.4-3.1-10.8-6.4-16.1-9.5c-1.4-0.7-2.6-0.9-4-0.1 c-5.6,3.4-11.2,6.6-17,10C30.6,37.6,30.2,37.8,29.9,38.1z\" />\r\n\t\t<path d=\"M52.5,38.1c0,1.6,0.1,3.2,0,4.9c-0.1,1.6-1.2,2.8-2.6,2.6c-1.2-0.1-2.2-1.4-2.2-2.9s0-3,0-4.5c-0.6,0-1.4,0-2-0.1 c-0.4-0.1-0.9-0.5-1-0.7c-0.1-0.4,0-1,0.4-1.4c1.4-1.5,2.8-2.9,4.1-4.2c0.6-0.6,1.4-0.8,2,0c1.4,1.4,2.8,2.8,4.1,4.2 c0.4,0.4,0.6,1.1,0.4,1.5c-0.2,0.4-0.9,0.6-1.5,0.8C53.6,38.2,53,38.1,52.5,38.1z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * EmailNotOpenedFlat\r\n * @returns Vector asset\r\n **/ export const EmailNotOpenedFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M50,68.1c-6.4,0-12.9,0-19.2,0c-3.6,0-5.6-2-5.6-5.6c0-7.7,0-15.5,0-23.1c0-2.6,1-4.6,3.4-5.9c6-3.4,12-7,18-10.5 c2.9-1.6,5.6-1.1,8.4,0.5c5.7,3.5,11.6,6.9,17.4,10.2c2,1.1,2.9,3,2.9,5.2c0,8,0,15.9,0,23.9c0,3.4-2.1,5.5-5.6,5.5 C62.8,68.1,56.5,68.1,50,68.1z M29.9,38.1c0.1,0.1,0.2,0.1,0.2,0.2c5.3,3.2,10.6,6.6,15.9,9.9c2.2,1.4,4.4,2.1,6.8,0.7 c4.2-2.5,8.4-5.1,12.6-7.8c1.6-1,3.2-2,5-3.1c-0.8-0.4-1.4-0.8-2-1.1c-5.4-3.1-10.8-6.4-16.1-9.5c-1.4-0.7-2.6-0.9-4-0.1 c-5.6,3.4-11.2,6.6-17,10C30.6,37.6,30.2,37.8,29.9,38.1z\" />\r\n\t\t<path d=\"M52.5,38.1c0,1.6,0.1,3.2,0,4.9c-0.1,1.6-1.2,2.8-2.6,2.6c-1.2-0.1-2.2-1.4-2.2-2.9s0-3,0-4.5c-0.6,0-1.4,0-2-0.1 c-0.4-0.1-0.9-0.5-1-0.7c-0.1-0.4,0-1,0.4-1.4c1.4-1.5,2.8-2.9,4.1-4.2c0.6-0.6,1.4-0.8,2,0c1.4,1.4,2.8,2.8,4.1,4.2 c0.4,0.4,0.6,1.1,0.4,1.5c-0.2,0.4-0.9,0.6-1.5,0.8C53.6,38.2,53,38.1,52.5,38.1z\" />\r\n\t\t<path fill=\"#FF0000\" d=\"M50,7.5C26.5,7.5,7.5,26.5,7.5,50s19,42.5,42.5,42.5s42.5-19,42.5-42.5S73.5,7.5,50,7.5z M50.5,14.2 c19.8,0,35.8,16,35.8,35.8c0,9-3.3,17.2-8.8,23.5L27.1,23C33.3,17.5,41.6,14.2,50.5,14.2z M14.7,50c0-8.7,3.1-16.6,8.2-22.8 l50.4,50.4c-6.2,5.1-14.1,8.2-22.8,8.2C30.8,85.8,14.7,69.7,14.7,50z\"/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * UnsubFlat\r\n * @returns Vector asset\r\n **/ export const UnsubFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M57,68.1c-0.4,0.8-0.8,1.4-1.3,2.3c0,0-0.3,0-0.4,0c-5.6,0-11.3,0-16.9,0c-3,0-4.8-1.8-4.8-4.8c0-6.6,0-13.4,0-20 c0-0.1,0-0.1,0-0.3c0.3,0.1,0.4,0.1,0.5,0.3c4.4,2.8,8.8,5.5,13.3,8.3c1.5,0.9,2.9,1.8,4.4,2.8c1,0.6,2,0.6,3-0.1 c5.8-3.6,11.5-7.3,17.1-10.9c0.3-0.1,0.5-0.4,0.8-0.5c0,4.3,0,8.4,0,12.6c-1.8-0.6-3.5-0.4-5.1,0.4c-0.1,0-0.1,0-0.3,0.1 c-0.8,0.9-1.4,0.5-2.3,0c-2.6-1.6-6.3-1-8,1.3C55,62,54.9,65.6,57,68.1C57,68,57,68.1,57,68.1z\" />\r\n\t\t<path d=\"M29.4,35.6c0,0.1,0,0.1,0,0.3c0,8.5,0,16.9,0,25.4c0,1-0.3,1.9-1.1,2.4c-0.8,0.4-1.6,0.5-2.1,0c-0.5-0.6-1-1.5-1-2.3 C25,52.7,25,44.2,25,35.9c0-2.9,1.9-4.6,5.1-4.6c10.5,0,20.9,0,31.4,0c1.4,0,2.4,0.6,2.6,1.9c0.1,1-0.3,1.8-1.1,2.1 c-0.5,0.3-1,0.4-1.5,0.4c-10.6,0-21.3,0-31.8,0C29.5,35.6,29.5,35.6,29.4,35.6z\" />\r\n\t\t<path d=\"M34.6,41.2c1-0.4,1.8-0.9,2.6-1.1c0.5-0.1,1.1-0.1,1.8-0.3c9.8,0,19.4,0,29.1,0c1.3,0,2.5,0.3,3.4,1.4c0,0,0,0.1,0,0 c-3,1.9-5.9,3.8-8.9,5.6c-3.1,2-6.1,3.9-9.3,5.9c-0.1,0.1-0.4,0-0.5-0.1c-4.5-2.9-9-5.6-13.5-8.5c-1.5-0.9-2.9-1.8-4.4-2.6 C35,41.6,35,41.5,34.6,41.2z\" />\r\n\t\t<path d=\"M70.4,69.3c1.3,1.3,2.6,2.5,3.9,3.9c0.9,0.9,0.9,2.1,0.1,2.9c-0.9,0.9-2.1,0.9-3,0c-1.3-1.3-2.5-2.5-3.8-3.8 c0,0-0.1-0.1-0.3-0.1c-0.9,0.9-1.8,1.8-2.5,2.6c-0.6,0.6-1.3,1.3-1.9,1.8c-0.6,0.5-1.9,0.3-2.5-0.4c-0.6-0.8-0.8-1.9-0.1-2.5 c1.3-1.4,2.6-2.6,3.9-4c0.1-0.1,0.1-0.3,0.1-0.1c-1.3-1.3-2.4-2.5-3.5-3.8c-0.9-0.9-1.3-1.9-0.8-2.8c0.5-1,1.3-1.6,2.3-1.3 c0.9,0.3,1.6,1.1,2.3,1.8c1,0.9,2,1.9,2.8,2.8c1.1-1.1,2.4-2.3,3.6-3.5c1.4-1.4,3-1.3,3.8,0.3c0.5,1,0.1,1.8-0.5,2.5 c-0.6,0.6-1.3,1.3-2,2C71.6,68,71,68.6,70.4,69.3z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * ClickedFlat\r\n * @returns Vector asset\r\n **/ export const ClickedFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M44.1,57.5c0-5.1,0-10.1,0-15.2c0-1.4,0.6-2.2,1.6-2.2c0.6,0,1.4,0.4,1.7,0.7c4.1,3.6,8.2,7.2,12.3,10.9 c3.5,3.1,7,6.2,10.5,9.4c0.6,0.6,1.2,1.4,0.9,2.4s-1.2,1.1-2.1,1.2c-2.6,0.4-5.4,0.9-8.1,1.2c-1.4,0.2-2.6,0.2-4,0.6 c-0.7,0.2-1.4,0.9-2,1.5c-2.6,2.1-5.1,4.1-7.6,6.4c-0.6,0.5-1.4,0.9-2.1,0.5c-0.9-0.4-1.1-1.2-1.1-2.1 C44.1,67.6,44.1,62.6,44.1,57.5z\" />\r\n\r\n\t\t<path d=\"M43.9,32.3c-0.6-2-1.1-4.1-1.7-6.1c-0.1-0.4-0.4-0.9-0.9-1c-0.4-0.2-1-0.2-1.5-0.1s-0.9,0.6-1.1,1c-0.1,0.4-0.1,0.9,0,1.4 c0.5,1.1,0.9,2.1,1.4,3.2l0.6,1.5c0.1,0.4,0.4,0.9,0.6,1.4c0.2,0.5,0.9,0.9,1.4,0.9c0.1,0,0.1,0,0.2,0c0.6-0.1,1-0.7,1-1.5v-0.1 C44,32.7,43.9,32.4,43.9,32.3z\" />\r\n\t\t<path d=\"M54.9,26.6c-0.4-0.6-1-1-1.6-1c-0.7-0.1-1.4,0.4-1.6,1.1c-0.7,2-1.6,4-2.4,5.9c-0.1,0.1-0.1,0.4-0.1,0.6 c-0.1,0.6,0.1,1.1,0.6,1.4c0.1,0.1,0.4,0.1,0.6,0.1c0.4,0,0.6-0.1,0.9-0.4c0.2-0.1,0.4-0.5,0.6-0.7c0.4-0.6,0.6-1.2,1-1.9 c0.6-1.1,1.2-2.4,1.9-3.4C55.1,27.8,55.1,27.2,54.9,26.6z\" />\r\n\t\t<path d=\"M37.3,36.9c-1.9-1-3.6-2-5.4-3c-0.5-0.2-1-0.4-1.5-0.1c-0.4,0.1-0.9,0.5-1.1,1c-0.2,0.5-0.2,1.1-0.1,1.5 c0.1,0.4,0.6,0.7,1.1,1c1.9,0.7,3.9,1.5,5.9,2.2c0.1,0.1,0.4,0.1,0.5,0.1h0.1l0,0c0.5,0,1.1-0.1,1.5-0.9c0.2-0.5,0.1-1-0.4-1.5 C37.7,37.2,37.5,37,37.3,36.9z\" />\r\n\t\t<path d=\"M36.5,44.8c-0.1,0-0.4,0-0.5,0.1c-2.1,0.6-4.1,1.2-6.2,1.9c-0.7,0.2-1.1,0.9-1.1,1.6l0,0c0,0.7,0.4,1.4,0.9,1.7 c0.2,0.1,0.5,0.2,0.9,0.2c0.2,0,0.6-0.1,0.9-0.2c1-0.5,2.1-1,3.1-1.4c0.5-0.1,1-0.4,1.4-0.6l0.4-0.1c0.4-0.1,0.6-0.4,1-0.5 c0.6-0.4,0.9-1,0.7-1.6C37.8,45.1,37.2,44.6,36.5,44.8z\" />\r\n\t\t<path d=\"M62.8,35.3c-0.5-0.4-1.1-0.4-1.9-0.1l-3.7,1.6c-0.6,0.4-1.4,0.6-2.1,0.9c-0.7,0.4-1.1,1.1-0.9,1.9 c0.1,0.6,0.7,0.9,1.4,0.9c0.1,0,0.4,0,0.5-0.1h0.1c0.1,0,0.1,0,0.1,0l6-1.7c0.9-0.2,1.2-0.7,1.2-1.6 C63.6,36.3,63.3,35.7,62.8,35.3z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * BannedCursor\r\n * @returns Vector asset\r\n **/ export const BannedCursorSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M44.1,57.5c0-5.1,0-10.1,0-15.2c0-1.4,0.6-2.2,1.6-2.2c0.6,0,1.4,0.4,1.7,0.7c4.1,3.6,8.2,7.2,12.3,10.9 c3.5,3.1,7,6.2,10.5,9.4c0.6,0.6,1.2,1.4,0.9,2.4s-1.2,1.1-2.1,1.2c-2.6,0.4-5.4,0.9-8.1,1.2c-1.4,0.2-2.6,0.2-4,0.6 c-0.7,0.2-1.4,0.9-2,1.5c-2.6,2.1-5.1,4.1-7.6,6.4c-0.6,0.5-1.4,0.9-2.1,0.5c-0.9-0.4-1.1-1.2-1.1-2.1 C44.1,67.6,44.1,62.6,44.1,57.5z\" />\r\n\r\n<path d=\"M43.9,32.3c-0.6-2-1.1-4.1-1.7-6.1c-0.1-0.4-0.4-0.9-0.9-1c-0.4-0.2-1-0.2-1.5-0.1s-0.9,0.6-1.1,1c-0.1,0.4-0.1,0.9,0,1.4 c0.5,1.1,0.9,2.1,1.4,3.2l0.6,1.5c0.1,0.4,0.4,0.9,0.6,1.4c0.2,0.5,0.9,0.9,1.4,0.9c0.1,0,0.1,0,0.2,0c0.6-0.1,1-0.7,1-1.5v-0.1 C44,32.7,43.9,32.4,43.9,32.3z\" />\r\n<path d=\"M54.9,26.6c-0.4-0.6-1-1-1.6-1c-0.7-0.1-1.4,0.4-1.6,1.1c-0.7,2-1.6,4-2.4,5.9c-0.1,0.1-0.1,0.4-0.1,0.6 c-0.1,0.6,0.1,1.1,0.6,1.4c0.1,0.1,0.4,0.1,0.6,0.1c0.4,0,0.6-0.1,0.9-0.4c0.2-0.1,0.4-0.5,0.6-0.7c0.4-0.6,0.6-1.2,1-1.9 c0.6-1.1,1.2-2.4,1.9-3.4C55.1,27.8,55.1,27.2,54.9,26.6z\" />\r\n<path d=\"M37.3,36.9c-1.9-1-3.6-2-5.4-3c-0.5-0.2-1-0.4-1.5-0.1c-0.4,0.1-0.9,0.5-1.1,1c-0.2,0.5-0.2,1.1-0.1,1.5 c0.1,0.4,0.6,0.7,1.1,1c1.9,0.7,3.9,1.5,5.9,2.2c0.1,0.1,0.4,0.1,0.5,0.1h0.1l0,0c0.5,0,1.1-0.1,1.5-0.9c0.2-0.5,0.1-1-0.4-1.5 C37.7,37.2,37.5,37,37.3,36.9z\" />\r\n<path d=\"M36.5,44.8c-0.1,0-0.4,0-0.5,0.1c-2.1,0.6-4.1,1.2-6.2,1.9c-0.7,0.2-1.1,0.9-1.1,1.6l0,0c0,0.7,0.4,1.4,0.9,1.7 c0.2,0.1,0.5,0.2,0.9,0.2c0.2,0,0.6-0.1,0.9-0.2c1-0.5,2.1-1,3.1-1.4c0.5-0.1,1-0.4,1.4-0.6l0.4-0.1c0.4-0.1,0.6-0.4,1-0.5 c0.6-0.4,0.9-1,0.7-1.6C37.8,45.1,37.2,44.6,36.5,44.8z\" />\r\n<path d=\"M62.8,35.3c-0.5-0.4-1.1-0.4-1.9-0.1l-3.7,1.6c-0.6,0.4-1.4,0.6-2.1,0.9c-0.7,0.4-1.1,1.1-0.9,1.9 c0.1,0.6,0.7,0.9,1.4,0.9c0.1,0,0.4,0,0.5-0.1h0.1c0.1,0,0.1,0,0.1,0l6-1.7c0.9-0.2,1.2-0.7,1.2-1.6 C63.6,36.3,63.3,35.7,62.8,35.3z\" />\r\n\r\n<path fill=\"#FF0000\" d=\"M50,7.5C26.5,7.5,7.5,26.5,7.5,50s19,42.5,42.5,42.5s42.5-19,42.5-42.5S73.5,7.5,50,7.5z M50.5,14.2 c19.8,0,35.8,16,35.8,35.8c0,9-3.3,17.2-8.8,23.5L27.1,23C33.3,17.5,41.6,14.2,50.5,14.2z M14.7,50c0-8.7,3.1-16.6,8.2-22.8 l50.4,50.4c-6.2,5.1-14.1,8.2-22.8,8.2C30.8,85.8,14.7,69.7,14.7,50z\"/>\r\n\t</g>\r\n)\r\n\r\n/**\r\n * EmailFlat\r\n * @returns Vector asset\r\n **/ export const EmailFlatSVG = ({ transform }: IconProps) => (\r\n\t<g class=\"node-icon\">\r\n\t\t<path d=\"M49.9,70c-6.4,0-12.8,0-19.1,0c-3.9,0-5.9-1.9-5.9-5.9c0-7.1,0-14.4,0-21.6c0-0.4,0-0.8,0.1-1.1c0.1-0.9,0.9-1.4,1.8-0.9 c3.9,2.4,7.6,4.6,11.5,7.1c3.1,1.9,6.4,3.9,9.4,5.9c1.5,1,2.9,1,4.4,0c6.9-4.4,13.8-8.6,20.6-12.9c0.4-0.3,1.1-0.5,1.4-0.4 c0.4,0.4,0.8,1,0.8,1.5c0.1,7.5,0.1,15.1,0,22.6c0,3.5-2.1,5.5-5.6,5.5C62.9,70,56.4,70,49.9,70z\" />\r\n\t\t<path d=\"M50.2,30c6.4,0,12.9,0,19.1,0c1.6,0,3.4,0.4,4.4,1.8c0.8,0.9,0.6,2-0.4,2.6c-3.6,2.4-7.3,4.6-10.9,6.9 c-3.6,2.3-7.1,4.5-10.8,6.8c-1.1,0.8-2.4,0.8-3.4,0c-5.6-3.5-11.1-7-16.8-10.4c-1.5-0.9-3.1-1.9-4.6-2.9c-0.6-0.4-1.4-1.4-1.3-1.6 c0.4-0.9,1-1.9,1.9-2.4c1-0.6,2.3-0.8,3.4-0.8C37.3,30,43.8,30,50.2,30z\" />\r\n\t</g>\r\n)\r\n\r\n/**\r\n * AnsweredSurvey\r\n * @returns Vector asset\r\n **/\r\nexport const AnsweredSurveySVG = ({ transform }: IconProps) => (\r\n\r\n<g class=\"node-icon\">\r\n<path d=\"M72.2,45.1c-1.6,0-2.8,1.3-2.8,2.8v2c0,10.7-8.7,19.3-19.4,19.3c0,0,0,0,0,0c-5.2,0-10-2-13.7-5.7 c-3.7-3.7-5.7-8.5-5.7-13.7c0-5.2,2-10,5.7-13.7c3.7-3.7,8.5-5.7,13.7-5.7c0,0,0,0,0,0c2.7,0,5.4,0.6,7.9,1.7 c1.4,0.6,3.1,0,3.7-1.4c0.6-1.4,0-3.1-1.4-3.7C57,25.7,53.5,25,50,25c0,0,0,0,0,0c-6.7,0-12.9,2.6-17.7,7.3C27.6,37,25,43.3,25,50 c0,6.7,2.6,13,7.3,17.7C37,72.4,43.3,75,50,75c0,0,0,0,0,0c13.8,0,25-11.2,25-25v-2C75,46.4,73.7,45.1,72.2,45.1z\"/>\r\n\t<path d=\"M45.3,45.8c-1.1-1.1-2.9-1.1-4,0c-1.1,1.1-1.1,2.9,0,4l6.7,6.7c0.5,0.5,1.2,0.8,2,0.8c0,0,0,0,0,0c0.7,0,1.5-0.3,2-0.8 l22.2-22.2c1.1-1.1,1.1-2.9,0-4c-1.1-1.1-2.9-1.1-4,0L50,50.5L45.3,45.8z\"/>\r\n</g>\r\n\t)\r\n/**\r\n * NotAnsweredSurvey\r\n * @returns Vector asset\r\n **/\r\nexport const NotAnsweredSurveySVG = ({ transform }: IconProps) => (\r\n\r\n<g class=\"node-icon\">\r\n<path d=\"M72.2,45.1c-1.6,0-2.8,1.3-2.8,2.8v2c0,10.7-8.7,19.3-19.4,19.3c0,0,0,0,0,0c-5.2,0-10-2-13.7-5.7 c-3.7-3.7-5.7-8.5-5.7-13.7c0-5.2,2-10,5.7-13.7c3.7-3.7,8.5-5.7,13.7-5.7c0,0,0,0,0,0c2.7,0,5.4,0.6,7.9,1.7 c1.4,0.6,3.1,0,3.7-1.4c0.6-1.4,0-3.1-1.4-3.7C57,25.7,53.5,25,50,25c0,0,0,0,0,0c-6.7,0-12.9,2.6-17.7,7.3C27.6,37,25,43.3,25,50 c0,6.7,2.6,13,7.3,17.7C37,72.4,43.3,75,50,75c0,0,0,0,0,0c13.8,0,25-11.2,25-25v-2C75,46.4,73.7,45.1,72.2,45.1z\"/>\r\n\t<path d=\"M45.3,45.8c-1.1-1.1-2.9-1.1-4,0c-1.1,1.1-1.1,2.9,0,4l6.7,6.7c0.5,0.5,1.2,0.8,2,0.8c0,0,0,0,0,0c0.7,0,1.5-0.3,2-0.8 l22.2-22.2c1.1-1.1,1.1-2.9,0-4c-1.1-1.1-2.9-1.1-4,0L50,50.5L45.3,45.8z\"/>\r\n\t\t<path fill=\"#FF0000\" d=\"M50,7.5C26.5,7.5,7.5,26.5,7.5,50s19,42.5,42.5,42.5s42.5-19,42.5-42.5S73.5,7.5,50,7.5z M50.5,14.2 c19.8,0,35.8,16,35.8,35.8c0,9-3.3,17.2-8.8,23.5L27.1,23C33.3,17.5,41.6,14.2,50.5,14.2z M14.7,50c0-8.7,3.1-16.6,8.2-22.8 l50.4,50.4c-6.2,5.1-14.1,8.2-22.8,8.2C30.8,85.8,14.7,69.7,14.7,50z\"/>\r\n</g>\r\n\t)\r\n////*** TEMPLATE */\r\n\r\n// /**\r\n//  * Name\r\n//  * @returns Vector asset\r\n//  **/\r\n// export const SVG = ({ transform }: IconProps) =>\r\n// <g>\r\n\r\n// </g>\r\n","<!-- **** --------------------------------------------------------------------------\r\n\tSHARED SCRIPT\r\n-------------------------------------------------------------------------- **** -->\r\n<script lang=\"ts\">\r\nimport { computed, onMounted } from 'vue'\r\nimport * as NodeAssets from './NodeAssets'\r\nimport { NodeType } from '../../Enums'\r\n\r\nconst assets: { [key: string]: Element | unknown } = NodeAssets\r\nconst { NodeFrame, NodeIcon } = NodeAssets\r\n\r\n// this is mostly for debugging, otherwise components are Anonymous\r\nconst component = {\r\n    name: 'NodeTemplate'\r\n}\r\nexport default {\r\n    name: component.name\r\n}\r\n</script>\r\n\r\n<!-- **** --------------------------------------------------------------------------\r\n\tSCRIPT\r\n-------------------------------------------------------------------------- **** -->\r\n<script lang=\"ts\" setup>\r\n\r\nconst props = withDefaults(\r\n    defineProps<{\r\n        id: number | string\r\n        type?: NodeType\r\n        frame?: number\r\n        frameColor?: { h: number, s: number, l: number }\r\n        icon?: number\r\n        iconColor?: { h: number, s: number, l: number }\r\n        height?: number\r\n        width?: number\r\n    }>(), {\r\n    height: 100,\r\n    width: 100\r\n}),\r\n    viewbox = props.type === NodeType.Page ? `0 0 ${ props.width } ${ props.height }` : `0 0 100 100`\r\n\r\n\r\n\r\nconst iconTransform = computed(() =>\r\n    [NodeFrame.RoundedSquare, NodeFrame.Polygon8, NodeFrame.Circle].indexOf(props.frame!) !== -1\r\n        ? 'scale(1.06)'\r\n        : NodeFrame.RoundedRect === props.frame!\r\n            ? 'translate(-41 0) scale(.19)'\r\n            : 'scale(1)'\r\n)\r\n\r\n</script>\r\n\r\n<!-- **** --------------------------------------------------------------------------\r\n\tTEMPLATE\r\n-------------------------------------------------------------------------- **** -->\r\n<template>\r\n    <div class=\"node-wrapper\" v-once :key=\"id\"\r\n    :style=\"[\r\n        !frameColor ? '' :\r\n            [\r\n                `--clr-node-icon-shadow: hsla(${ frameColor.h }, ${ frameColor.s - 25 }%, ${ frameColor.l - 25 }%,.15)`,\r\n                `--clr-node-inverted-frame: hsl(${ 0 }, ${ 0 }%, ${ frameColor.l < 30 ? 100 : 0 }%)`\r\n            ],\r\n        !iconColor ? '' :\r\n            [\r\n                `--clr-node-icon-secondary: hsl(${ (iconColor.h + 100) % 360 }, ${ iconColor.s + 25 }%, ${ (iconColor.l + 49) % 80 }%)`,\r\n                `--clr-node-inverted-primary: hsl(${ 0 }, ${ 0 }%, ${ (iconColor.l + 49) % 100 }%)`\r\n            ]\r\n    ]\">\r\n        <svg class=\"node-vector\" xmlns=\"http://www.w3.org/2000/svg\" :viewBox=\"viewbox\" height=\"100%\" width=\"100%\" :style=\"`\r\n                                                --template-frame-clr: hsl(${ frameColor?.h }, ${ frameColor?.s }%, ${ frameColor?.l }%);\r\n                                                --template-icon-clr: hsl(${ iconColor?.h }, ${ iconColor?.s }%, ${ iconColor?.l }%);\r\n                                             `\">\r\n\r\n            <defs>\r\n                <clipPath v-if=\"frame\" :id=\"`cp${ NodeFrame[frame] }`\">\r\n                    <component :id=\"NodeFrame[frame]\" :is=\"assets[NodeFrame[frame]]\">\r\n                    </component>\r\n                </clipPath>\r\n            </defs>\r\n\r\n            <!-- <use v-if=\"frame\" :href=\"`#${ NodeFrame[frame] }`\" class=\"node-shadow\"\r\n                        :transform=\"`scale(${ frame === NodeFrame.RoundedRect ? '.75' : '.9'})`\"\r\n                        x=\"2\"\r\n                        y=\"5\"\r\n                        opacity=\".4\"\r\n                        filter=\"url(#gausBlur)\"\r\n                        ></use> -->\r\n            <g :style=\"frame ? `clip-path: url(#cp${ NodeFrame[frame] })` : ''\">\r\n                <rect v-if=\"frame && frame === NodeFrame.RoundedRect\" x=\"17\" width=\"83\" height=\"100%\"\r\n                   fill=\"hsl(180, 100%, 14%)\" class=\"rrFrame\"></rect>\r\n                <rect v-if=\"frame\" width=\"100\" height=\"100%\" class=\"node-frame pe-visible\"\r\n                   :transform=\"frame === NodeFrame.RoundedRect ? 'translate(-2, 40) scale(.2)' : ''\"></rect>\r\n{{ icon }}\r\n                <component v-if=\"icon\" :transform=\"iconTransform\" :is=\"assets[NodeIcon[icon]]\" :class=\"'node-icon'\">\r\n                </component>\r\n            </g>\r\n        </svg>\r\n        <!-- <div class=\"node-shadow\"></div> -->\r\n    </div>\r\n</template>\r\n\r\n<!-- **** --------------------------------------------------------------------------\r\n\tSTYLES\r\n-------------------------------------------------------------------------- **** -->\r\n<style>\r\n.node-wrapper {\r\n    display: block;\r\n    position: relative;\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n\r\n.node-wrapper.frame-offset-rect svg {\r\n    position: absolute;\r\n    top: -200%;\r\n}\r\n\r\n.node-vector,\r\n.node-shadow {\r\n    pointer-events: none;\r\n}\r\n\r\n.node-frame {\r\n    position: absolute;\r\n    fill: var(--template-frame-clr);\r\n}\r\n\r\n/* .node-shadow { */\r\n/* display: block;\r\n   position: absolute;\r\n   top: 0;\r\n   right: 0;\r\n   bottom: 0;\r\n   left: 0;\r\n   margin: auto;\r\n   height: 70%;\r\n   width: 70%; */\r\n/* transform-origin: center; */\r\n/* box-shadow: 10px 15px 20px -2px black; */\r\n/* background-color: black;\r\n   filter:blur(20px);\r\n   z-index: -1; */\r\n/* will-change: contents */\r\n/* } */\r\n.node-icon {\r\n    transform-origin: center;\r\n    fill: var(--template-icon-clr);\r\n}\r\n\r\n.node-icon-shadow {\r\n    fill: var(--clr-node-icon-shadow);\r\n}\r\n\r\n.node-fill-inverted-frame {\r\n    fill: var(--clr-node-inverted-frame);\r\n}\r\n\r\n.node-fill-icon-secondary {\r\n    fill: var(--clr-node-icon-secondary);\r\n}\r\n\r\n.node-fill-inverted-primary {\r\n    fill: var(--clr-node-inverted-primary);\r\n}\r\n</style>\r\n","\r\n\r\nexport default {\r\n\t1: {\r\n     \"h\": 72,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t2: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t3: {\r\n     \"h\": 45,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t4: {\r\n     \"h\": 30,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t5: {\r\n     \"h\": 15,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t6: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t7: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t8: {\r\n     \"h\": 30,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t9: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t10: {\r\n     \"h\": 80,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t11: {\r\n     \"h\": 90,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t12: {\r\n     \"h\": 96,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t13: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t14: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t15: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t16: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t17: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   },\r\n\t18: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 0\r\n   },\r\n\t19: {\r\n     \"h\": 75,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t20: {\r\n     \"h\": 60,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t21: {\r\n     \"h\": 40,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t22: {\r\n     \"h\": 20,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t23: {\r\n     \"h\": 0,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t24: {\r\n     \"h\": 345,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t25: {\r\n     \"h\": 330,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t26: {\r\n     \"h\": 0,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t27: {\r\n     \"h\": 60,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t28: {\r\n     \"h\": 90,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t29: {\r\n     \"h\": 100,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t30: {\r\n     \"h\": 105,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t31: {\r\n     \"h\": 132,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t32: {\r\n     \"h\": 135,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t33: {\r\n     \"h\": 140,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t34: {\r\n     \"h\": 150,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t35: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   },\r\n\t36: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   },\r\n\t37: {\r\n     \"h\": 80,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t38: {\r\n     \"h\": 60,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t39: {\r\n     \"h\": 30,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t40: {\r\n     \"h\": 0,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t41: {\r\n     \"h\": 340,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t42: {\r\n     \"h\": 330,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t43: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t44: {\r\n     \"h\": 300,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t45: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 40\r\n   },\r\n\t46: {\r\n     \"h\": 120,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t47: {\r\n     \"h\": 120,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t48: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t49: {\r\n     \"h\": 144,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t50: {\r\n     \"h\": 150,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t51: {\r\n     \"h\": 160,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t52: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t53: {\r\n     \"h\": 210,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t54: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t55: {\r\n     \"h\": 90,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t56: {\r\n     \"h\": 60,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t57: {\r\n     \"h\": 0,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t58: {\r\n     \"h\": 330,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t59: {\r\n     \"h\": 320,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t60: {\r\n     \"h\": 315,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t61: {\r\n     \"h\": 280,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t62: {\r\n     \"h\": 270,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t63: {\r\n     \"h\": 240,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t64: {\r\n     \"h\": 180,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t65: {\r\n     \"h\": 150,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t66: {\r\n     \"h\": 140,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t67: {\r\n     \"h\": 156,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t68: {\r\n     \"h\": 165,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t69: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t70: {\r\n     \"h\": 200,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t71: {\r\n     \"h\": 220,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t72: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t73: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t74: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 80\r\n   },\r\n\t75: {\r\n     \"h\": 300,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t76: {\r\n     \"h\": 300,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t77: {\r\n     \"h\": 300,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t78: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t79: {\r\n     \"h\": 270,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t80: {\r\n     \"h\": 260,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t81: {\r\n     \"h\": 240,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t82: {\r\n     \"h\": 210,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t83: {\r\n     \"h\": 180,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t84: {\r\n     \"h\": 160,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t85: {\r\n     \"h\": 168,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t86: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t87: {\r\n     \"h\": 195,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t88: {\r\n     \"h\": 210,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t89: {\r\n     \"h\": 225,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t90: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t91: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t92: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t93: {\r\n     \"h\": 270,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t94: {\r\n     \"h\": 280,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t95: {\r\n     \"h\": 285,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t96: {\r\n     \"h\": 288,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t97: {\r\n     \"h\": 264,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t98: {\r\n     \"h\": 255,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t99: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t100: {\r\n     \"h\": 220,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t101: {\r\n     \"h\": 200,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t102: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t103: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t104: {\r\n     \"h\": 192,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t105: {\r\n     \"h\": 204,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t106: {\r\n     \"h\": 216,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t107: {\r\n     \"h\": 228,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t108: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t109: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 100\r\n   },\r\n\t110: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t111: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t112: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t113: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t114: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t115: {\r\n     \"h\": 276,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t116: {\r\n     \"h\": 270,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t117: {\r\n     \"h\": 260,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t118: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t119: {\r\n     \"h\": 210,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t120: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t121: {\r\n     \"h\": 180,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t122: {\r\n     \"h\": 195,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t123: {\r\n     \"h\": 210,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t124: {\r\n     \"h\": 225,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t125: {\r\n     \"h\": 240,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t126: {\r\n     \"h\": 252,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t127: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t128: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 90\r\n   },\r\n\t129: {\r\n     \"h\": 330,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t130: {\r\n     \"h\": 320,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t131: {\r\n     \"h\": 315,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t132: {\r\n     \"h\": 312,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t133: {\r\n     \"h\": 285,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t134: {\r\n     \"h\": 280,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t135: {\r\n     \"h\": 270,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t136: {\r\n     \"h\": 240,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t137: {\r\n     \"h\": 180,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t138: {\r\n     \"h\": 150,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t139: {\r\n     \"h\": 165,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t140: {\r\n     \"h\": 180,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t141: {\r\n     \"h\": 200,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t142: {\r\n     \"h\": 220,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t143: {\r\n     \"h\": 240,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t144: {\r\n     \"h\": 255,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t145: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t146: {\r\n     \"h\": 30,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t147: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t148: {\r\n     \"h\": 340,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t149: {\r\n     \"h\": 330,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t150: {\r\n     \"h\": 324,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t151: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t152: {\r\n     \"h\": 300,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t153: {\r\n     \"h\": 300,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t154: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 60\r\n   },\r\n\t155: {\r\n     \"h\": 120,\r\n     \"s\": 33,\r\n     \"l\": 70\r\n   },\r\n\t156: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 80\r\n   },\r\n\t157: {\r\n     \"h\": 150,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t158: {\r\n     \"h\": 160,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t159: {\r\n     \"h\": 180,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t160: {\r\n     \"h\": 210,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t161: {\r\n     \"h\": 240,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t162: {\r\n     \"h\": 260,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t163: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t164: {\r\n     \"h\": 40,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t165: {\r\n     \"h\": 20,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t166: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t167: {\r\n     \"h\": 345,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t168: {\r\n     \"h\": 336,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t169: {\r\n     \"h\": 320,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t170: {\r\n     \"h\": 330,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t171: {\r\n     \"h\": 0,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t172: {\r\n     \"h\": 60,\r\n     \"s\": 20,\r\n     \"l\": 50\r\n   },\r\n\t173: {\r\n     \"h\": 90,\r\n     \"s\": 50,\r\n     \"l\": 60\r\n   },\r\n\t174: {\r\n     \"h\": 100,\r\n     \"s\": 100,\r\n     \"l\": 70\r\n   },\r\n\t175: {\r\n     \"h\": 135,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t176: {\r\n     \"h\": 140,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t177: {\r\n     \"h\": 150,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t178: {\r\n     \"h\": 180,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t179: {\r\n     \"h\": 240,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t180: {\r\n     \"h\": 270,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t181: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t182: {\r\n     \"h\": 45,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t183: {\r\n     \"h\": 30,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t184: {\r\n     \"h\": 15,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t185: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t186: {\r\n     \"h\": 348,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t187: {\r\n     \"h\": 340,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t188: {\r\n     \"h\": 0,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t189: {\r\n     \"h\": 30,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t190: {\r\n     \"h\": 60,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t191: {\r\n     \"h\": 80,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t192: {\r\n     \"h\": 90,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t193: {\r\n     \"h\": 120,\r\n     \"s\": 100,\r\n     \"l\": 60\r\n   },\r\n\t194: {\r\n     \"h\": 120,\r\n     \"s\": 60,\r\n     \"l\": 50\r\n   },\r\n\t195: {\r\n     \"h\": 120,\r\n     \"s\": 50,\r\n     \"l\": 40\r\n   },\r\n\t196: {\r\n     \"h\": 120,\r\n     \"s\": 33,\r\n     \"l\": 30\r\n   },\r\n\t197: {\r\n     \"h\": 0,\r\n     \"s\": 0,\r\n     \"l\": 20\r\n   },\r\n\t198: {\r\n     \"h\": 300,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   },\r\n\t199: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t200: {\r\n     \"h\": 48,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t201: {\r\n     \"h\": 36,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t202: {\r\n     \"h\": 24,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t203: {\r\n     \"h\": 12,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t204: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t205: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t206: {\r\n     \"h\": 20,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t207: {\r\n     \"h\": 40,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t208: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t209: {\r\n     \"h\": 75,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t210: {\r\n     \"h\": 84,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t211: {\r\n     \"h\": 108,\r\n     \"s\": 100,\r\n     \"l\": 50\r\n   },\r\n\t212: {\r\n     \"h\": 105,\r\n     \"s\": 100,\r\n     \"l\": 40\r\n   },\r\n\t213: {\r\n     \"h\": 100,\r\n     \"s\": 100,\r\n     \"l\": 30\r\n   },\r\n\t214: {\r\n     \"h\": 90,\r\n     \"s\": 100,\r\n     \"l\": 20\r\n   },\r\n\t215: {\r\n     \"h\": 60,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   },\r\n\t216: {\r\n     \"h\": 0,\r\n     \"s\": 100,\r\n     \"l\": 10\r\n   }\r\n }\r\n","<script lang=\"ts\">\r\n\t// import { ENode, ELine } from '@journeys/binaryWorker'\r\n\t// import vm /*, { tmp_uuidv4, UngappedJourney, ownedObjects }*/ from '@journeys/Journeys.viewmodel'\r\n\r\n\t// directives\r\n\r\n\t// utils\r\n\t// import HumanTime from '@shared/utils/HumanTime/HumanTime'\r\n\t// import { deepClone, requestFrame, cancelFrame, uid } from '@utils'\r\n\r\n\t// components\r\n\timport NodeTemplate from '@journeys/components/NodePartials/NodeTemplate.vue'\r\n\r\n\t// assets\r\n\t// import { TinyClockSVG, UserLegacySVG, CrossSVG } from '@shared/assets/vector/ui/IconsUI'\r\n\timport HSLColors from '@shared/components/ColorPickers/HSLColorValues'\r\n\r\n\timport { NodeFrame } from '@journeys/components/NodePartials/NodeAssets'\r\n\timport { onMounted, reactive, ref } from 'vue'\r\n\t// import { JourneyStatus } from '../Enums'\r\n\r\n\t// components\r\n\t// import SelectMany from '@shared/components/SelectMany/SelectMany.vue'\r\n\r\n\t// const toHumanTime = new HumanTime({ locale: 'sv' })\r\n\r\n\t// this is mostly for debugging, otherwise components are Anonymous\r\n\tconst component = {\r\n\t\tname: 'Partial_JourneyPreview'\r\n\t}\r\n\r\n\texport default {\r\n\t\tname: component.name\r\n\t}\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n\tconst props = withDefaults(\r\n\t\tdefineProps<{\r\n\t\t\tjourney: any\r\n\t\t\tindex: number\r\n\t\t\tnewJourney?: boolean\r\n\t\t}>(),\r\n\t\t{\r\n\t\t\tnewJourney: false\r\n\t\t}\r\n\t)\r\n\r\n\t// const { startMenu, account } = vm\r\n\r\n\tlet previewRef = ref(),\r\n\t\tpreviewRect: DOMRect,\r\n\t\tdominantProps = reactive({\r\n\t\t\tpreview: 0,\r\n\t\t\tcontent: 0,\r\n\t\t\ttransition: false\r\n\t\t}),\r\n\t\tcontent = props.journey.data?.content || {}\r\n\r\n\tonMounted(() => {\r\n\t\t// setPreviewSize()\r\n\t\t// setTimeout(setPreviewSize, 0) // ugly fix\r\n\t\tonVisible()\r\n\r\n\t\twindow.addEventListener('resize', handlePageResizeEvent)\r\n\t})\r\n\r\n\tconst setPreviewSize = () => {\r\n\t\tpreviewRect = previewRef.value.getBoundingClientRect()\r\n\t\tdominantProps.preview = Math.min(previewRect.height, previewRect.width)\r\n\t\tdominantProps.content = Math.max(props.journey.data.content.h, props.journey.data.content.w)\r\n\t}\r\n\r\n\tlet resizeTimeout: NodeJS.Timeout\r\n\r\n\tconst handlePageResizeEvent = () => {\r\n\t\tclearTimeout(resizeTimeout)\r\n\r\n\t\tresizeTimeout = setTimeout(() => {\r\n\t\t\tif (!previewRef.value) return\r\n\r\n\t\t\tsetPreviewSize()\r\n\r\n\t\t\tdominantProps.transition = true\r\n\r\n\t\t\tresizeTimeout = setTimeout(() => (dominantProps.transition = false), 400)\r\n\t\t}, 300)\r\n\t}\r\n\r\n\tconst onVisible = () => {\r\n\t\tnew IntersectionObserver((entries, observer) => {\r\n\t\t\tentries.forEach((entry) => {\r\n\t\t\t\tif (entry.intersectionRatio > 0) {\r\n\t\t\t\t\tsetPreviewSize()\r\n\t\t\t\t\t// setTimeout(setPreviewSize, 0)\r\n\t\t\t\t\t// handlePageResizeEvent()\r\n\t\t\t\t\tobserver.disconnect()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}).observe(previewRef.value)\r\n\t}\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"preview-container\" ref=\"previewRef\">\r\n\t\t<div\r\n\t\t\tclass=\"preview-canvas\"\r\n\t\t\t:style=\"[\r\n\t\t\t\t{ height: journey.data.content.h + 'px', width: journey.data.content.w + 'px' },\r\n\t\t\t\t`transform: translate3d(-50%,-50%,0) scale(${dominantProps.preview / dominantProps.content})`,\r\n\t\t\t\t{ transitionDuration: !dominantProps.transition ? '0s' : '' }\r\n\t\t\t]\">\r\n\t\t\t<svg class=\"line-canvas\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t<defs>\r\n\t\t\t\t\t<linearGradient id=\"frameClrDefault\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n\t\t\t\t\t\t<stop offset=\"0%\" style=\"stop-color: hsl(180, 100%, 14%)\" />\r\n\t\t\t\t\t\t<stop offset=\"100%\" style=\"stop-color: hsl(180, 100%, 10%)\" />\r\n\t\t\t\t\t</linearGradient>\r\n\t\t\t\t\t<marker id=\"arrow\" viewBox=\"0 0 10 10\" refX=\"5\" refY=\"5\" markerWidth=\"6\" markerHeight=\"6\" orient=\"auto-start-reverse\">\r\n\t\t\t\t\t\t<path d=\"M 0 0 L 7 5 L 0 10 L 3 5 z\" fill=\"darkcyan\" />\r\n\t\t\t\t\t</marker>\r\n\t\t\t\t</defs>\r\n\t\t\t\t<g\r\n\t\t\t\t\tv-for=\"line in journey.data.lines\"\r\n\t\t\t\t\t:key=\"line.id\"\r\n\t\t\t\t\tclass=\"line-group\"\r\n\t\t\t\t\t:style=\"`height: ${content.h}px; width: ${content.w}px; transform: translate3d(-50%,-50%,0) scale(1)`\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\tclass=\"line\"\r\n\t\t\t\t\t\t:d=\"`M ${ line.runtime?.frVertex || `${ content.l + line.x } ${ content.t + line.y }` } L ${ line.points.reduce((acc: string, { x, y }: any) => (acc + ` ${ content.l + x } ${ content.t + y } `), '') } ${ line.runtime?.toVertex || `${ content.l + line.ex } ${ content.t + line.ey }` }`\"\r\n\t\t\t\t\t\tstroke=\"darkcyan\"\r\n\t\t\t\t\t\tstroke-dasharray=\"6\"\r\n\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\tmarker-end=\"url(#arrow)\" />\r\n\r\n\t\t\t\t\t<circle\r\n\t\t\t\t\t\tv-for=\"({ x, y }, pidx) in line.points\"\r\n\t\t\t\t\t\t:key=\"`${line.id}phbx${pidx}`\"\r\n\t\t\t\t\t\t:cx=\"content.l + x\"\r\n\t\t\t\t\t\t:cy=\"content.t + y\"\r\n\t\t\t\t\t\tr=\"7\"\r\n\t\t\t\t\t\tfill=\"#1f1c26\"\r\n\t\t\t\t\t\topacity=\".6\" />\r\n\t\t\t\t</g>\r\n\t\t\t</svg>\r\n\t\t\t<div\r\n\t\t\t\tv-for=\"(node, index) in journey.data.nodes\"\r\n\t\t\t\t:key=\"node.id\"\r\n\t\t\t\tclass=\"node\"\r\n\t\t\t\t:style=\"[\r\n\t\t\t\t\t{ width: node.w + 'px', height: node.h + 'px', backgroundColor: node.fc },\r\n\t\t\t\t\t`transform: translate3d(${content.l + node.x}px, ${content.t + node.y}px, 0px)`\r\n\t\t\t\t]\">\r\n\t\t\t\t<NodeTemplate\r\n\t\t\t\t\t:id=\"node.id\"\r\n\t\t\t\t\t:frame=\"node.f\"\r\n\t\t\t\t\t:frameColor=\"(HSLColors as Indexable<number, any>)[node.fc]\"\r\n\t\t\t\t\t:icon=\"node.i\"\r\n\t\t\t\t\t:iconColor=\"(HSLColors as Indexable<number, any>)[node.ic]\"\r\n\t\t\t\t\tclass=\"canvas-node\"\r\n\t\t\t\t\t:class=\"node.f === NodeFrame.RoundedRect && 'frame-offset-rect'\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n\t.preview-container {\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\ttop: 0;\r\n\t\toverflow: hidden;\r\n\t\tcursor: pointer;\r\n\t\ttransition: transform 0.2s ease-out;\r\n\t\ttransition-property: transform, box-shadow, margin, border, outline;\r\n\t}\r\n\r\n\t.preview-container .preview-canvas {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform-origin: center;\r\n\t\ttransition: transform 0.5s ease;\r\n\t}\r\n\r\n\t.preview-container .line-canvas {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform-origin: center;\r\n\t\ttransition: transform 0.5s ease;\r\n\t}\r\n</style>\r\n","<script lang=\"ts\">\r\n    export interface Journey {\r\n        JourneyId: string\r\n        Description: string\r\n        GraphicalData: string\r\n        Title: string\r\n        LastModified: string\r\n        LastModifiedBy: {\r\n            FirstName: string\r\n            LastName: string\r\n            Name: string\r\n            UserId: string\r\n            UserName: string\r\n        }\r\n        Status: number\r\n        Tags: {\r\n            TagId: string\r\n            Title: string\r\n        }[]\r\n        data: any\r\n        ClickedCount: number\r\n        ClickedPercentage: number\r\n        ContactCount: number\r\n        OpenedCount: number\r\n        OpenedPercentage: number\r\n        RecipientCount: number\r\n        index: number\r\n    }\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n    import TagsList from '@shared/components/Tags/TagsList.vue'\r\n    import HumanTime from '@shared/utils/HumanTime/HumanTime'\r\n    import JourneyPreview from '../Pages/JourneyPreview.vue'\r\n    import { type TagsProvide } from '@shared/components/Tags/Tags.access'\r\n\r\n    const toHumanTime = new HumanTime({ locale: 'sv' })\r\n\r\n    const props = defineProps<{\r\n        journey: Journey\r\n        index: number\r\n        tags?: TagsProvide\r\n        currentTab?: string\r\n        hideStats?: boolean\r\n    }>()\r\n</script>\r\n\r\n<template>\r\n    <div class=\"card-media\">\r\n        <JourneyPreview :index=\"index\" :key=\"props.journey.JourneyId\" :journey=\"props.journey\" @click.prevent=\"$emit('journeyClicked')\" />\r\n    </div>\r\n    <div class=\"flex-1 card-content\">\r\n        <h4>\r\n            <a :href=\"'/journeys/' + props.journey.JourneyId\" @click.prevent=\"$emit('journeyClicked')\">{{ props.journey.Title || $Resources.NoTitleLabel }}</a>\r\n        </h4>\r\n\r\n        <p v-if=\"props.journey.Description\">\r\n            {{ props.journey.Description }}\r\n        </p>\r\n\r\n        <!-- :mode=\"startMenu.selected[journey.JourneyId] ? 'edit' : 'display'\"  -->\r\n\r\n        <TagsList\r\n            v-if=\"props.tags && props.journey.data.Tags.length > 0\"\r\n            :tags=\"props.journey.data.Tags\"\r\n            :selectedIds=\"props.tags.state.selectedIds\"\r\n            @toggleTag=\"(tag) => props.tags!.toggle(tag)\"></TagsList>\r\n\r\n        <p class=\"meta\">\r\n            <span class=\"glyphicon glyphicon-time m-xs-r\"></span>\r\n            <time :datetime=\"props.journey.LastModified\">{{ toHumanTime.parse(props.journey.LastModified) }}</time>\r\n            <span class=\"glyphicon glyphicon-user m-xs-r\"></span>\r\n            {{ props.journey.LastModifiedBy.Name }}\r\n        </p>\r\n    </div>\r\n    <div v-if=\"props.currentTab !== 'drafts' && !hideStats\" class=\"card-content\">\r\n        <div class=\"d-flex col-gap-md justify-content-between flex-wrap ug-bars text-center\">\r\n            <div class=\"bar-label\">\r\n                {{ $Resources.JourneyListStatsContactsLabel }}\r\n                <span>\r\n                    {{ props.journey.ContactCount }}\r\n                </span>\r\n            </div>\r\n            <div class=\"bar-label\">\r\n                {{ $Resources.JourneyListStatsRecipientsLabel }}\r\n                <span>\r\n                    {{ props.journey.RecipientCount }}\r\n                </span>\r\n            </div>\r\n            <div>\r\n                <div class=\"bar-label\">\r\n                    {{ $Resources.JourneyListStatsOpenLabel }}\r\n                    <span>{{ Math.round(props.journey.OpenedPercentage) }}%</span>\r\n                </div>\r\n                <div class=\"bar\">\r\n                    <span class=\"bar-value bg-opened\" :style=\"{ width: Math.round(props.journey.OpenedPercentage) + '%' }\"></span>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div class=\"bar-label\">\r\n                    {{ $Resources.JourneyListStatsClickedLabel }}\r\n                    <span>{{ Math.round(props.journey.ClickedPercentage) }}%</span>\r\n                </div>\r\n                <div class=\"bar\"><span class=\"bar-value bg-clicked\" :style=\"{ width: Math.round(props.journey.ClickedPercentage) + '%' }\"></span></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style></style>\r\n","<script lang=\"ts\">\r\n    // import SyncTest from '@shared/components/syncTest.vue'\r\n    import { computed, reactive, ref, onMounted, inject } from 'vue'\r\n    import vm /*, { getLocalStorageItem, removeLocalStorageItem, setLocalStorageItem }*/ from '../Journeys.viewmodel'\r\n    // utils\r\n    import { tmp_uuidv4 /*, UngappedJourney*/ } from '../Journeys.viewmodel'\r\n    // import HumanTime from '@shared/utils/HumanTime/HumanTime'\r\n    // components\r\n    // import FluidButton from '@shared/components/FluidButton.vue'\r\n    // import ScrollableContainer from '@shared/components/ScrollableContainer.vue'\r\n    // import AlertNotification from '@shared/components/Alerts/Notification.vue'\r\n    // import JourneyPreview from './JourneyPreview.vue'\r\n    // import SelectMany from '@shared/components/SelectMany/SelectMany.vue'\r\n    // pages\r\n    // import JourneyNew from './JourneyNew.vue'\r\n    // assets\r\n    // import { JourneySVG, ListViewSVG, GridViewSVG } from '@cwd/shared/assets/vector/ui/IconsUI'\r\n    // import { JourneyStatus } from '@journeys/Enums'\r\n    import { cancelFrame, requestFrame, uid } from '@cwd/shared/utils'\r\n    import { api } from '@cwd/lib/main'\r\n    // import { listingsProcessor_reduce } from '@shared/utils/ListingsController'\r\n    // import { vue_ko_sync } from '@cwd/shared/KoSync'\r\n    import BSDropdownButton from '@shared/components/BSDropdownButton.vue'\r\n    import List from '@shared/components/List.vue'\r\n    import JourneyListItem, { type Journey } from '../components/JourneyListItem.vue'\r\n\r\n    // const toHumanTime = new HumanTime({ locale: 'sv' })\r\n\r\n    interface JourneysTabData {\r\n        list: { [key: string]: unknown | any }\r\n        heading: string\r\n        intro: string\r\n        notification: string\r\n    }\r\n\r\n    const component = {\r\n        name: 'Page_JourneyStart',\r\n    }\r\n\r\n    export default {\r\n        name: component.name,\r\n    }\r\n\r\n    export const journeysOrderOptions = () => {\r\n        return [\r\n            {\r\n                key: 'LastModified',\r\n                display: $Resources.LastModifiedLabel,\r\n            },\r\n            {\r\n                key: 'Title',\r\n                display: $Resources.TitleLabel,\r\n            },\r\n            {\r\n                key: 'Description',\r\n                display: $Resources.DescriptionLabel,\r\n            },\r\n        ]\r\n    }\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n    import { type TagsProvide } from '@shared/components/Tags/Tags.access'\r\n    const tags = inject('tags') as TagsProvide\r\n\r\n    const cid = uid()\r\n    const { editor, /* activeJourney, */ startMenu, nav, account } = vm\r\n\r\n    onMounted(async () => {\r\n        switchTab(vm.router.currentRoute.value.path.replace('/', ''))\r\n\r\n        editor.events.reset()\r\n        nav.x = 0\r\n        nav.y = 0\r\n        nav.z = 0\r\n    })\r\n\r\n    const journeysTabs = {\r\n        drafts: { name: 'drafts', display: $Resources.JourneysDraftsTabLabel },\r\n        active: { name: 'active', display: $Resources.JourneysActiveTabLabel },\r\n        ended: { name: 'ended', display: $Resources.JourneysEndedTabLabel },\r\n        templates: { name: 'templates', display: $Resources.JourneysTemplatesTabLabel },\r\n    }\r\n\r\n    const currentTab = ref('drafts'),\r\n        tabData: JourneysTabData = reactive({\r\n            list: {},\r\n            heading: $Resources.JourneysDraftsHeading,\r\n            intro: $Resources.JourneysDraftsIntroduction,\r\n            notification: $Resources.JourneysNoDraftsLabel,\r\n        }),\r\n        filteredList = computed(() => {\r\n            let res = Object.values(tabData.list)\r\n            return res as Journey[]\r\n        })\r\n\r\n    const setTabData = (data: any[]) => {\r\n        data.forEach((j: any) => {\r\n            j.data = JSON.parse(j.GraphicalData)\r\n            tabData.list[j.JourneyId] = j\r\n        })\r\n    }\r\n\r\n    // let entries: any\r\n    // let promises: any\r\n    let newJourneyWindow = ref(false)\r\n\r\n    const fetchListings = async (status: string) => {\r\n        tabData.list = {}\r\n\r\n        let listing = await account.listings.get(`/journeys/${status}`)\r\n\r\n        vm.router.push('/' + status)\r\n        setTabData(listing)\r\n    }\r\n\r\n    const switchTab = (tab: string) => {\r\n        currentTab.value = tab\r\n        newJourneyWindow.value = false\r\n        clearSelection()\r\n\r\n        switch (tab) {\r\n            case 'drafts':\r\n                fetchListings(tab)\r\n\r\n                tabData.heading = $Resources.JourneysDraftsHeading\r\n                tabData.intro = $Resources.JourneysDraftsIntroduction\r\n                tabData.notification = $Resources.JourneysNoDraftsLabel\r\n                break\r\n            case 'active':\r\n                fetchListings(tab)\r\n\r\n                tabData.heading = $Resources.JourneysActiveHeading\r\n                tabData.intro = $Resources.JourneysActiveIntroduction\r\n                tabData.notification = $Resources.JourneysNoActiveLabel\r\n                break\r\n            case 'ended':\r\n                fetchListings(tab)\r\n\r\n                tabData.heading = $Resources.JourneysEndedHeading\r\n                tabData.intro = $Resources.JourneysEndedIntroduction\r\n                tabData.notification = $Resources.JourneysNoEndedLabel\r\n                break\r\n            case 'templates':\r\n                fetchListings(tab)\r\n\r\n                tabData.heading = $Resources.JourneysTemplatesHeading\r\n                tabData.intro = $Resources.JourneysTemplatesIntroduction\r\n                tabData.notification = $Resources.JourneysNoTemplatesLabel\r\n                break\r\n        }\r\n    }\r\n\r\n    let observerFrame = 0\r\n\r\n    const handleResizeChanges = (val: any) => {\r\n        val.forEach((v: any) => {\r\n            cancelFrame(observerFrame)\r\n            observerFrame = requestFrame(() => {\r\n                let el = v.target\r\n                let obj = resizeObserver[el.dataset.key],\r\n                    { name, value } = obj\r\n\r\n                let res = v.contentRect[name] / value\r\n                obj.ref.value = res\r\n            })\r\n        })\r\n    }\r\n\r\n    const resizeObserver: any = {\r\n        observer: {},\r\n        callback: handleResizeChanges,\r\n    }\r\n\r\n    const deleteSelectedItems = () => {\r\n        let journeys = startMenu.selected.map((id) => {\r\n            return { JourneyId: id }\r\n        })\r\n\r\n        api.delete(`/journeys`, journeys).then(() => {\r\n            for (let { JourneyId } of journeys) {\r\n                delete tabData.list[JourneyId!]\r\n            }\r\n\r\n            clearSelection()\r\n        })\r\n    }\r\n\r\n    const clearSelection = () => {\r\n        startMenu.selected = []\r\n    }\r\n\r\n    const cleanJourney = () => {\r\n        vm.router.push('/' + tmp_uuidv4() + '?clean=true')\r\n    }\r\n\r\n    const openTemplates = () => {\r\n        vm.router.push('/new')\r\n    }\r\n\r\n    const openJourney = (journey: any) => {\r\n        journey.data.JourneyId = journey.JourneyId\r\n        Object.assign(vm.activeJourney, journey.data)\r\n\r\n        vm.router.push('/' + journey.data.JourneyId)\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <List\r\n        itemId=\"JourneyId\"\r\n        :title=\"$Resources.JourneysHeader\"\r\n        :description=\"tabData.intro\"\r\n        :items=\"filteredList\"\r\n        :loading=\"editor.state.busy\"\r\n        :filterKeys=\"['Title', 'Description']\"\r\n        :orderOptions=\"journeysOrderOptions()\"\r\n        :checkedItems=\"startMenu.selected\"\r\n        displayAs=\"cards\"\r\n        :displayOptions=\"['default', 'cards']\"\r\n        :tabs=\"journeysTabs\"\r\n        :currentTab=\"currentTab\"\r\n        :disableCheckboxes=\"currentTab === 'active'\"\r\n        :tags=\"tags\"\r\n        @update:tab=\"(newVal) => switchTab(newVal)\"\r\n        @update:checkedItems=\"(newVal) => (startMenu.selected = newVal as string[])\"\r\n        @clearSelected=\"clearSelection\"\r\n        @deleteSelected=\"deleteSelectedItems\">\r\n        <template #toolbar>\r\n            <BSDropdownButton menuClass=\"dropdown-menu-right\" v-show=\"startMenu.selected.length === 0\">\r\n                <template #toggle>\r\n                    <span class=\"glyphicon glyphicon-plus m-xxs-r\"></span>\r\n                    {{ $Resources.NewJourneyBtn }}\r\n                </template>\r\n                <template #content>\r\n                    <li role=\"presentation\" class=\"dropdown-header\">{{ $Resources.NewJourneyBtn }}:</li>\r\n                    <li>\r\n                        <a href=\"javascript:void(0)\" :class=\"editor.state.busy && 'pe-none'\" @click=\"cleanJourney\">\r\n                            {{ $Resources.JourneysNewDraftBtnLabel }}\r\n                        </a>\r\n                    </li>\r\n                    <li>\r\n                        <a href=\"javascript:void(0)\" :class=\"editor.state.busy && 'pe-none'\" @click=\"openTemplates\">\r\n                            {{ $Resources.JourneysNewDraftFromTemplateBtnLabel }}\r\n                        </a>\r\n                    </li>\r\n                </template>\r\n            </BSDropdownButton>\r\n        </template>\r\n        <template #item=\"{ item, index }\">\r\n            <JourneyListItem :currentTab=\"currentTab\" :journey=\"item\" :index=\"index\" :tags=\"tags\" @journeyClicked=\"openJourney(item)\"></JourneyListItem>\r\n        </template>\r\n    </List>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n","<script lang=\"ts\">\r\n    import { computed, ref, onMounted } from 'vue'\r\n\r\n    import vm /*, { getLocalStorageItem, JourneyNode, removeLocalStorageItem, setLocalStorageItem }*/ from '../Journeys.viewmodel'\r\n\r\n    // directives\r\n\r\n    // utils\r\n    // import { tmp_uuidv4 } from '../Journeys.viewmodel'\r\n\r\n    import { JourneyStatus } from '@journeys/Enums'\r\n    // import { cancelFrame, requestFrame } from '@cwd/shared/utils'\r\n    // import { preview } from 'vite'\r\n\r\n    // utils\r\n    import { deepClone } from '@utils'\r\n    import { api } from '@cwd/lib/main'\r\n\r\n    import Tabs, { tab } from '@shared/components/Tabs.vue'\r\n    import List from '@shared/components/List.vue'\r\n    import JourneyListItem, { type Journey } from '../components/JourneyListItem.vue'\r\n    import { journeysOrderOptions } from './JourneyStart.vue'\r\n    import { CrossSVG } from '@cwd/shared/assets/vector/ui/IconsUI'\r\n\r\n    /*\r\n\tinterface JourneysTabData {\r\n\t\tlist: { [key: string]: unknown | any }\r\n\t\theading: string\r\n\t\tintro: string\r\n\t\tnotification: string\r\n\t}\r\n    */\r\n\r\n    export default {\r\n        name: 'Page: Journey New',\r\n    }\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\n    const { editor, activeJourney, /*startMenu, journeysMeta,*/ account } = vm\r\n\r\n    onMounted(() => {\r\n        getFiltered('Template')\r\n    })\r\n\r\n    const journeysTabs = {\r\n        all: { name: 'all', display: $Resources.JourneysAllTabLabel },\r\n        drafts: { name: 'drafts', display: $Resources.JourneysDraftsTabLabel },\r\n        active: { name: 'active', display: $Resources.JourneysActiveTabLabel },\r\n        ended: { name: 'ended', display: $Resources.JourneysEndedTabLabel },\r\n    }\r\n\r\n    const currentTab = ref('templates')\r\n\r\n    const switchTab = (tab: string) => {\r\n        if (tab === 'templates') getFiltered('Template')\r\n        if (tab === 'copyprevious') getFiltered('all')\r\n\r\n        currentTab.value = tab\r\n        currentFilter.value = 'all'\r\n    }\r\n\r\n    /*\r\n\t\tconst filters: any = {\r\n\t\t\ttemplates: {\r\n\t\t\t\tid: 'templates'\r\n\t\t\t},\r\n\t\t\tfreetemplates: {\r\n\t\t\t\tid: 'freetemplates',\r\n\t\t\t\tsubheading: 'Category',\r\n\t\t\t\tbuttons: {\r\n\t\t\t\t\tall: {\r\n\t\t\t\t\t\ttext: 'All'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tnewsletter: {\r\n\t\t\t\t\t\ttext: 'Newsletter'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcsm: {\r\n\t\t\t\t\t\ttext: 'CSM'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tsignup: {\r\n\t\t\t\t\t\ttext: 'Signup'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tcopyprevious: {\r\n\t\t\t\tsubheading: 'Status',\r\n\t\t\t\tbuttons: {\r\n\t\t\t\t\tall: {\r\n\t\t\t\t\t\ttext: 'All'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tdraft: {\r\n\t\t\t\t\t\ttext: 'Draft'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tactive: {\r\n\t\t\t\t\t\ttext: 'Active'\r\n\t\t\t\t\t},\r\n\t\t\t\t\tended: {\r\n\t\t\t\t\t\ttext: 'Ended'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t    */\r\n\r\n    const currentFilter = ref('all')\r\n\r\n    const switchFilter = (filter: string) => {\r\n        if (currentTab.value === 'copyprevious') getFiltered(filter)\r\n\r\n        currentFilter.value = filter\r\n    }\r\n\r\n    let list = ref<Journey[]>([])\r\n\r\n    const templatesList = () => {\r\n        if (currentTab.value === 'templates') {\r\n            return filteredList()\r\n        } else {\r\n            return []\r\n        }\r\n    }\r\n\r\n    const previousList = () => {\r\n        if (currentTab.value !== 'templates') {\r\n            return filteredList()\r\n        } else {\r\n            return []\r\n        }\r\n    }\r\n\r\n    const getFiltered = async (filter: string) => {\r\n        let res = await account.listings.get(`/journeys`)\r\n\r\n        if (filter === 'draft') {\r\n            res = res.reduce((acc: any, item: any) => (item.Status === JourneyStatus.Draft && acc.push(item), acc), [])\r\n        } else if (filter === 'active') {\r\n            res = res.reduce((acc: any, item: any) => (item.Status === JourneyStatus.Active && acc.push(item), acc), [])\r\n        } else if (filter === 'ended') {\r\n            res = res.reduce((acc: any, item: any) => (item.Status === JourneyStatus.Ended && acc.push(item), acc), [])\r\n        }\r\n\r\n        list.value = res as Journey[]\r\n    }\r\n\r\n    const filteredList = () => {\r\n        switch (currentTab.value) {\r\n            case 'templates':\r\n                list.value = account.listings.get(`/journeys/Templates`)\r\n                return list.value as Journey[]\r\n            case 'freetemplates':\r\n                return []\r\n            case 'copyprevious':\r\n                return list.value as Journey[]\r\n            default:\r\n                return []\r\n        }\r\n    }\r\n\r\n    const openJourney = async (journeyId: string) => {\r\n        let clonedJourney = await api.post('/Journeys/Clone/' + journeyId).then((res: any) => res),\r\n            data = JSON.parse(clonedJourney.GraphicalData)\r\n\r\n        data.JourneyId = clonedJourney.JourneyId\r\n        data.Status = clonedJourney.Status\r\n        data.Title = clonedJourney.Title\r\n        data.Description = clonedJourney.Description\r\n        data.Tags = clonedJourney.Tags\r\n\r\n        Object.assign(activeJourney, data)\r\n\r\n        vm.router.push('/' + data.JourneyId)\r\n    }\r\n\r\n    const close = () => {\r\n        vm.router.push('/drafts')\r\n    }\r\n</script>\r\n\r\n<template>\r\n    <header role=\"banner\" class=\"p-lg-r p-lg-l\">\r\n        <div class=\"d-flex justify-content-between align-items-baseline\">\r\n            <h1>{{ $Resources.JourneysTemplatesHeading }}</h1>\r\n            <a href=\"javascript:void(0)\" @click.prevent=\"close\" class=\"btn btn-subtle\">\r\n                <CrossSVG class=\"toolbar-icon m-xxs-r\"></CrossSVG>\r\n                {{ $Resources.CloseBtn }}\r\n            </a>\r\n        </div>\r\n        <p class=\"m-lg-b\">\r\n            {{ $Resources.JourneysTemplatesIntroduction }}\r\n        </p>\r\n    </header>\r\n\r\n    <tabs navClass=\"tabs list-unstyled m-lg-r m-lg-l\">\r\n        <tab :title=\"$Resources.JourneysTemplatesTabLabel\" @tabClick=\"() => switchTab('templates')\">\r\n            <List\r\n                itemId=\"JourneyId\"\r\n                :items=\"templatesList()\"\r\n                :loading=\"editor.state.busy\"\r\n                :filterKeys=\"['Title', 'Description']\"\r\n                :orderOptions=\"journeysOrderOptions()\"\r\n                displayAs=\"cards\"\r\n                :displayOptions=\"['default', 'cards']\">\r\n                <template #toolbar></template>\r\n                <template #item=\"{ item, index }\">\r\n                    <JourneyListItem\r\n                        :journey=\"item\"\r\n                        :index=\"index\"\r\n                        :tagList=\"account.listings.getMap('/tags')\"\r\n                        @journeyClicked=\"openJourney(item.JourneyId)\"></JourneyListItem>\r\n                </template>\r\n            </List>\r\n        </tab>\r\n        <tab :title=\"$Resources.JourneysAsTemplatesTab\" @tabClick=\"() => switchTab('copyprevious')\">\r\n            <List\r\n                itemId=\"JourneyId\"\r\n                :items=\"previousList()\"\r\n                :loading=\"editor.state.busy\"\r\n                :filterKeys=\"['Title', 'Description']\"\r\n                :orderOptions=\"journeysOrderOptions()\"\r\n                displayAs=\"cards\"\r\n                :displayOptions=\"['default', 'cards']\"\r\n                :tabs=\"journeysTabs\"\r\n                :currentTab=\"currentFilter\"\r\n                @update:tab=\"(newVal) => switchFilter(newVal)\">\r\n                <template #toolbar></template>\r\n                <template #item=\"{ item, index }\">\r\n                    <JourneyListItem\r\n                        :journey=\"item\"\r\n                        :index=\"index\"\r\n                        :tagList=\"account.listings.getMap('/tags')\"\r\n                        @journeyClicked=\"openJourney(item.JourneyId)\"\r\n                        :hideStats=\"true\"></JourneyListItem>\r\n                </template>\r\n            </List>\r\n        </tab>\r\n    </tabs>\r\n</template>\r\n\r\n<style>\r\n    /*\r\n    .card-content:has(.ug-bars) {\r\n\t\tdisplay: none !important;\r\n\t}\r\n    */\r\n</style>\r\n","// import JourneyEditor from './components/Viewport.vue'\r\nimport vm, { getLocalStorageItem } from './Journeys.viewmodel'\r\nimport Journeys from './Journeys.vue'\r\nimport JourneyHome from './Pages/JourneyStart.vue'\r\nimport JourneyNew from './Pages/JourneyNew.vue'\r\n\r\nimport ScrollableContainer from '@shared/components/ScrollableContainer.vue'\r\nimport { rootElement } from '@shared/setup'\r\nimport { createRouter, createWebHistory } from 'vue-router'\r\n\r\nimport '@shared/styles/align-and-spacing.css'\r\nimport '@shared/styles/app-defaults.css'\r\nimport '@shared/styles/containers.css'\r\nimport '@shared/styles/inputs.css'\r\nimport '@shared/styles/transitions.css'\r\n\r\nconst initJourney = async () => {\r\n    let viewportComponent = await import('/Journeys/components/Viewport.vue')\r\n\r\n    const routes: any[] = [\r\n        { path: '/', redirect: '/drafts' },\r\n        { path: '/:drafts|active|ended|templates', component: JourneyHome, props: true },\r\n        { path: '/new', component: JourneyNew, props: true },\r\n        {\r\n            path: '/:JourneyId([\\\\w\\\\-]{36})',\r\n            component: viewportComponent.default,\r\n            props: true,\r\n        },\r\n    ]\r\n   \r\n    const router = createRouter({\r\n        history: createWebHistory('/journeys'),\r\n        routes,\r\n    })\r\n\r\n    vm.router = router\r\n\r\n    rootElement({\r\n        name: 'JourneyBuilder', // pascal, camel & kebab-case are valid\r\n        component: Journeys,\r\n        vm,\r\n        router,\r\n        contextComponents: [ScrollableContainer],\r\n    })\r\n}\r\n\r\ninitJourney()\r\n\r\n//** prep for admin utilities\r\n//** testing markup resource editor to start with\r\n/** mod mode state */\r\nlet admin_tools = false,\r\n    editing_resource: string | null = null\r\n\r\n/** contains currently edited resources */\r\nconst editedResources: Indexable<string, string> = {}\r\n\r\n/** from point, check if text node. if value is a resource string add key to dataset & set 'contenteditable' attribute to element */\r\nconst resourceTextElementFromPoint = (ev: any) => {\r\n    ev.stopPropagation()\r\n    // ev.preventDefault()\r\n\r\n    let el = document.elementFromPoint(ev.x, ev.y) as HTMLElement\r\n    console.log('from point', el.childNodes[0]?.nodeType, Node.TEXT_NODE, el.dataset.mod_reskey)\r\n    if (!el) return\r\n\r\n    if (el.dataset.mod_reskey) editResource(el)\r\n    else if (el.childNodes[0]?.nodeType === Node.TEXT_NODE) getResourceKey(el)\r\n}\r\n\r\nconst editResource = (el: HTMLElement) => {\r\n    let key = el.dataset.mod_reskey\r\n\r\n    if (!key || editing_resource === key) return\r\n    editing_resource = key\r\n\r\n    console.log('editing:', editing_resource)\r\n\r\n    el.classList.add('editable-resource')\r\n\r\n    let handleInput: any\r\n    el.addEventListener(\r\n        'input',\r\n        (handleInput = () => {\r\n            editedResources[key!] = el.innerText.replace(/:\\s?$/g, '')\r\n        })\r\n    )\r\n\r\n    el.addEventListener(\r\n        'blur',\r\n        () => {\r\n            el.classList.remove('editable-resource')\r\n\r\n            console.log(key, 'updated, new value:', el.innerText)\r\n            console.log('Edited resources:', '\\n', JSON.stringify(editedResources))\r\n\r\n            el.removeEventListener('input', handleInput)\r\n        },\r\n        { once: true }\r\n    )\r\n}\r\n\r\nconst getResourceKey = (el: HTMLElement) => {\r\n    let regexp = new RegExp(\r\n        el.innerText\r\n            .replace(/[-\\/\\\\^$*+?.()|\\[\\]{}]/g, '\\\\$&') // escape!\r\n            .replace(/:\\s?$/g, '$&?'), // account for hardcoded suffix characters\r\n        'mi'\r\n    )\r\n    // $Resources.\r\n    for (let reskey in $Resources) {\r\n        if (regexp.test($Resources[reskey])) {\r\n            el.dataset.mod_reskey = reskey\r\n            el.contentEditable = 'true'\r\n\r\n            editResource(el)\r\n            break\r\n        }\r\n    }\r\n}\r\n\r\nexport const    toggleAdminTools = (val: boolean = !admin_tools) => {\r\n    console.log('admin_tools:', val)\r\n\r\n    if ((admin_tools = val)) document.addEventListener('mousedown', resourceTextElementFromPoint)\r\n    else document.removeEventListener('mousedown', resourceTextElementFromPoint)\r\n\r\n    vm.editor.dev.show.admin_tools = val\r\n}\r\n"],"file":"journeys.js"}